腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
卡片并行显示
、
我是新来的。我有四张牌排成两排。我想用这样的方式对齐这些,使下一张卡片覆盖其他人的空间。我尝试了多种方法,但它要么是对齐的顶部卡底部在一排或顶部。检查下面的图片,以达到我想要达到的目的。
浏览 3
提问于2021-09-07
得票数 0
回答已采纳
1
回答
固定数量的卡在启动带4卡甲板
、
在Bootstrap 4中,我是否可以定义一张牌牌,一排只有两张牌(或更少)? 示例: 第1+2 第3+4 第5+6 第七次 一排内的所有卡片都应该有相同的高度。但是每一行都可以有不同的高度。 我检查了这两个相关的问题,但没有一个真正解决了我的需求:
浏览 0
提问于2018-07-31
得票数 0
2
回答
使用,如何在同一行中对齐窗体元素?
、
、
、
那么,你看标题、文本框和按钮是如何相互抵消的,看起来真的很混乱吗?我怎么做才能让他们排成一排?我特别希望按钮能够“锚定”到这个组件的底部,如果这是有意义的话。 我已经试过几样东西了。我找到了一条关于卡片和卡片甲板以及如何将卡片上的所有按钮对齐的帖子,然而,他们建议的造型选项中没有一个适合我当前的情况。 在代码方面,这里是组件,所有这些都包含在 import { Button, Row, Col, Container, Form } from "react-bootstrap" import styles from "../styles/ParameterLis
浏览 5
提问于2021-08-03
得票数 1
回答已采纳
2
回答
如果连接到数据库,Bootstrap中的类行将无法工作
、
所以就像这样,我打算使用col-md-5在bootstrap中创建一行。我想会让三个集装箱排成一排。但是当我连接到数据库时,结果就不是那么有希望了!我认为结果仍然可以排成一列,但甚至可以一直到底部。有什么解决方案吗? 这是我连接到数据库但没有连接到数据库时的编码和结果-
浏览 1
提问于2017-09-04
得票数 0
1
回答
在vue中没有正确对齐的项目
、
、
、
我正在使用vue和vuetify库创建一个页面。页面上有我想要显示的任何数字的卡片。我用一个循环来显示所有的卡片。但是这条路线有个问题。所有的卡片都排成一排。只要几张牌就可以了。对齐看起来很好。但是,如果卡片更接近于10左右,那么页面就会被忽略。 <template> <div class="d-flex justify-center mb-6 mt-10"> <v-card class="mr-4 ml-4" v-for="(cat, index) in cards"
浏览 1
提问于2022-04-20
得票数 0
回答已采纳
5
回答
如何使用列表样式对齐?
、
嘿,我在试着把东西排成一排,放在另一排下面 这是我正在使用的css。 /* title styles */ #wpp-post-title { float:right; width:100px } /* thumbnail styles */ #wpp-thumbnail { float:left; width:80px; } 它是这样显示的 但我希望它像这样显示出来
浏览 0
提问于2012-04-22
得票数 0
1
回答
替代ul Li {display:内联}
、
我有一组社交媒体精灵排成一排,集中在一个带有display:inline的容器中,但我只是意识到它们在Firefox中根本不显示。最好的选择是什么?
浏览 3
提问于2014-01-02
得票数 1
回答已采纳
1
回答
如何使MaterialUI中的列表转到新行?
、
、
import React from 'react'; import { List, ListItem, } from '@material-ui/core'; import { makeStyles, createStyles, } from '@material-ui/core/styles'; import clsx from 'clsx'; import VideoCard from './VideoCard'; const useStyles = makeStyles(() => creat
浏览 17
提问于2020-05-19
得票数 0
回答已采纳
3
回答
用Bootstrap横向布局内容
、
我是布局在一个引导应用程序的内容。我的内容排成了一排。目前,我有以下几点: <div> <span class="badge">{{rowNumber}}</span> <a ng-repeat="item in items" style="display: inline-block; margin:4px padding:0px 8px;"> {{item.name}} </a> </div> 如果我的集合有4个项目,则项目是水平排列的,与左边对齐。我需
浏览 2
提问于2014-10-27
得票数 3
回答已采纳
1
回答
为什么游戏中大多数人物的身高都是一样的?
、
在我玩的大多数电子游戏中,我注意到NPC的高度是一样的。这是怎么回事? 当我看到十个人排成一排,身高5英尺8英寸,其他人注意到了这一点,还是我疯了?
浏览 0
提问于2013-07-07
得票数 24
1
回答
交错网格系统
、
、
、
我想在我的网站上使用960.gs的文章布局(4列)。我喜欢它的易用性,但它看起来很单调,网格框的顶部和底部排成一排。除了正常的网格设计,有没有办法让它像这个网站一样错开呢? 注意文章的底部边距是如何不对齐的。
浏览 1
提问于2012-08-27
得票数 0
回答已采纳
2
回答
如何将图像和跨度放在同一行中
、
? 如何在同一基线上显示具有跨度的图像? 我正在使用Bootstrap 4来实现这一点。 <li class="nav-item active"> <a class="nav-link" href="#"> <img src="img/basket-35.png" alt="Shopping Cart" style="width: 25px;"> <span class="align-bottom
浏览 36
提问于2020-04-12
得票数 0
1
回答
CSS相对位置与右侧相对视口
、
我有几个div,每个都是以前的孩子。他们都定位为relative,这样我就可以相对于父母来抵消孩子的影响。我想让右边的人排成一排,但我不知道怎么做。执行width: 100%显然不起作用,因为它忽略了div不在left: 0。 如您所见,div逃离了视口: div { position: relative; width: 100%; height: 250px; left: 50px; top: 50px; } #div1 { background-color: #4286f4; } #div2 { background-color: #3267bc; }
浏览 0
提问于2019-06-21
得票数 2
回答已采纳
2
回答
如何创建可调整的分屏twitter引导程序
、
我想创建一个使用twitter bootstrap的拆分屏幕。有点像两个容器排成一排,除了我想要改变containers....just的宽度,就像我改变浏览器的大小一样。这个是可能的吗?我试着用图片来解释。
浏览 0
提问于2013-02-10
得票数 1
1
回答
首发shopify主题:在集合页面上更改图像大小
、
、
、
我是在首次购物主题工作。我想让这4张图片排成一排更大。 我的当前页面: 我的目标: 我在这里发现了一个类似的问题: 但他们指的是另一个主题。 任何帮助都将不胜感激!
浏览 4
提问于2018-05-29
得票数 0
2
回答
正确地将链接和图像垂直居中
、
、
、
我有一个完整的CSS下拉菜单。我遇到的问题是链接中的图像和文本没有按照我想要的方式垂直对齐。 我不希望文本的底部和图像的底部对齐。我想让他们的中锋排成一排,更像这样: 下面是我创建菜单的方法: <li><a class="head" href="#">Link 1 ▾ </a> <ul> <li><a class="sub" href="#">Monkey
浏览 1
提问于2014-07-13
得票数 0
2
回答
一行中的卡引导程序4
、
我正在尝试让我的卡片(面板)排成一排,我正在使用mdbootstrap.com的模板。 我的代码: <div class="row"> <div class="col-md-12"> <div class="card mdb-color lighten-2 text-center z-depth-2"> <div class="card-body"> <p class="white-te
浏览 3
提问于2018-02-07
得票数 2
回答已采纳
2
回答
Tumblr like和reblog按钮在同一行
、
这就是我得到的: {LikeButton size="15" color="white"} {ReblogButton size="15" color="white"} 有没有人能帮我让他们排成一排?
浏览 2
提问于2014-02-08
得票数 0
2
回答
动态地向页面添加信息块
、
我有动态添加信息块到我的页面的代码。我事先不知道有几个街区。我想利用Twitter (3.x)将它们排成三列(例如,我想使用col-xs-4)。 底线:将col-*元素添加到容器中而不将它们包装在row元素中可以吗? 我目前生成这个标记: .my-box { margin: 5px; padding: 5px; background-color: #fed; } <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="styleshee
浏览 0
提问于2015-02-27
得票数 1
回答已采纳
1
回答
网格系统-不同高度的嵌板
、
、
、
我想实现一个具有多个面板自动排成一排的概述页面。我当前的结果可以在下面的图像中看到: 我需要实现的是第三个,也就是左下角的面板跳起来,并在第一个面板之后对齐。不幸的是,我不想将页面嵌套到两列中,因为在较小的屏幕上,面板的大小和排列会发生变化。此外,页面下方的其他面板的大小可能与此处看到的不同(即8:4)。 有什么简单的解决方案吗?谢谢!
浏览 2
提问于2016-03-20
得票数 0
2
回答
Rails只显示具有特定条件的行
我是RoR上的一个New蜜蜂,我想知道如何从数据库中选择行。在这种情况下,我想让所有打橄榄球的球员排成一排。 <% @players.select(:sport).find ("Rugby") do |rugby| %> <%= rugby %> <% end %>
浏览 2
提问于2022-01-03
得票数 -1
回答已采纳
1
回答
在2列中对齐不同高度的子div,不使用嵌入库
、
、
我想把不同高度的卡片对齐成两列,从左到右排成一行。我尝试过一些方法:显示为网格,将grid-template-row设置为某个值,然后分配行跨度。但这并不能让我完全控制牌的高度。我有大约6个div作为数组返回,所以不能清楚地认为flex box是如何给我两列的,因为flex是一维的。 我的HTML格式为: <div className="parent"> <div className="child-1"></div> <div className="child-2"></div
浏览 0
提问于2021-04-30
得票数 0
4
回答
Bootstrap portofolio -空网格空间
、
我在bootstrap grid中遇到了网格问题。我有一排空格。 这是在桌面上显示的,在移动设备上是这样的 。 我使用的代码是 <div class="row"> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/b
浏览 0
提问于2015-12-15
得票数 6
1
回答
如何使用row引导在一行中设置卡片
、
、
、
我想在一个项目中使用react-bootstrap添加卡片。我使用了选项,来自react bootstrap。但是所有的卡片都是在一个列()中出现的。但我希望这张卡片是并排的,而不是一排排的。() 这里是卡片部分的代码 import Card from 'react-bootstrap/Card'; const Course = (props) => { const {title, price,details,img} = props; return ( <div> <div className="col-md-4 c
浏览 2
提问于2020-09-11
得票数 1
1
回答
尝试让CSS卡翻转到引导程序中
、
、
、
、
我正在尝试获得我的卡,我使用HTML和CSS创建的,以便能够与bootstrap排队。它目前只在部分的中间,我不知道如何让这些卡片中的4张排成一行,然后让另外4张排在它下面的一行。 这是HTML <div class="card-container mx-auto mt-5"> <div class="row"> <div class="card card-front"> <img class="card-img-t
浏览 11
提问于2020-06-17
得票数 0
回答已采纳
3
回答
如何设置整个列的引导卡的背景颜色?
、
、
我有个关于自助卡甲板的问题。我创造了一个卡片甲板与两张卡片在一排。在第一张卡上,我在标题下得到了一些文本,而在第二张卡中,标题下没有文本。在这种情况下,灰色的颜色并不像你在例子中看到的那样填充整个卡片。我怎么才能修好它呢,那孔柱也是灰色的? 谢谢你的帮忙! <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"> <link rel="stylesheet
浏览 2
提问于2020-01-24
得票数 0
回答已采纳
3
回答
格式化字符串输出
、
、
、
、
我正在尝试格式化字符串,使其打印出来的宽度始终为3,并且不管数字有多大,都在同一行结束。除了1之外,每个数字都是10以下的小数;但是,当我打印10以上的小数时,宽度是4,结束于前几个数字的最后一位。我想让它们都在同一个点结束,并在右边排成一排。我如何在Java中使用printf来做这件事? [a 4.34] [b 0.32] [c 12.52] 我希望每个人都像这样排成一行。 [a 4.34] [b 0.32] [c 12.5] 下面是我已经拥有的打印行的代码 for(int i = 0; i < 26;i++) { System.out.printf("[%c %3.2
浏览 2
提问于2014-03-29
得票数 0
2
回答
在屏幕上移动旋转的3D对象,使其在停止时朝向正确的方向
、
、
、
、
我正在尝试实现的最好的例子是在youtube视频上 组成单词“Atari”的字母从旋转的屏幕边缘飞进来,然后排成一排,组成单词的末尾。 我知道如何让对象在屏幕上移动,但我如何计算旋转,以便当对象到达其末端位置时,它朝向正确的方向?
浏览 0
提问于2012-05-17
得票数 1
回答已采纳
6
回答
引导4 mr-auto不能正常工作。
、
、
、
我有个片段: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <header> <div class="cont
浏览 2
提问于2019-09-07
得票数 7
回答已采纳
2
回答
android sdk。背景图像符合。前景图像太小
、
、
我将我的视图构建为适合800x480的电话屏幕。背景PNG显示为一个完美的匹配。我有一堆imageViews的PNG坐在视图中,应该排成一排,在任何屏幕上,那么大小。 当在我的手机上测试时,它工作正常。然而,当我在屏幕分辨率相同的7英寸平板电脑上测试时,背景效果与预期相符,但imageViews都太小了。 考虑到分辨率是相同的,为什么它们不能以相同的方式匹配呢?
浏览 39
提问于2014-03-22
得票数 0
1
回答
Bootstrap elemnts互相吃掉
、
、
我的bootstrap网站需要你的帮助。我努力让它工作,但总是得到这个恼人的网格问题?我不知道它到底是什么。如果我减小屏幕尺寸,输出会吞噬我的一些彩色框。(使用Firefox、Bootstrap) .row { width:100%; height:15rem; background-color: green; margin:0 auto; margin-top: 3%; } .container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-l
浏览 30
提问于2019-06-03
得票数 0
回答已采纳
2
回答
引导4-卡背景-图像大小调整问题
、
、
所以目前我使用的是Bootstrap的网格系统和一张简单的卡片。在卡片中,我动态地呈现背景图像。想想Instagram网格系统。所有的事情都很好,除了一旦我进入一个定义的列宽度以下,卡片调整它的大小可能是它的原始高度的10%,并且图像几乎不可见。 <div class="row"> <div class="col-md-4 col-sm-4"> <div class="card" style=" min-height: 100%; min-width: 100%;back
浏览 0
提问于2019-02-19
得票数 1
回答已采纳
2
回答
为什么我的按钮从屏幕上跑掉了?
我想让我的两个按钮排成一排,间距相等,而且我想让它们的高度和宽度相等。但他们现在看起来是这样的。 我是新手,所以请慢慢来! ? 这是我返回的代码。 return ( <View style={styles.screen}> <View style={styles.horseProfile}> <HorseProfile /> </View> <View style={styles.vitalSignsGrid}> <L
浏览 15
提问于2019-09-24
得票数 0
2
回答
在让div正确排列时遇到问题
我在让一些div内联显示时遇到了问题。我尝试了很多方法,但都不能正常工作。你们通常是怎么做的?让他们漂浮?把它们放在一个列表里然后排成一排?也许我没在想什么=/ 谢谢。
浏览 0
提问于2009-10-18
得票数 0
2
回答
Android:缩放分辨率之间的图像偏移量
、
、
我有一个应用程序,在风景中,我把一堆小写字母的ImageView pngs排成一排,这样它们就坐在一条假想的线上。问题是它们的高度不同,即“h”比“a”高。因此,我一直在为每个字母设置android:layout_marginTop属性(以像素为单位),以便在Galaxy Tab上排列它们。这已经奏效了。 我的问题是,当我在里程碑上运行应用程序时,偏移量的缩放有点不稳定。它看起来像是发生了某种伸缩,这是一种工作,但它并不完美。有谁知道我该怎么解决这个问题吗?
浏览 1
提问于2011-09-27
得票数 0
4
回答
如何让灵活的多个widget排成一排?
、
如何让灵活的多个widget排成一排?我已经试过了,但是不起作用。 错误消息:A RenderFlex overflowed by 33 pixels on the right Widget myWidget(){ List<Widget> list = []; for (var i = 0; i < 15; i++) { list.add( Flexible( child: Material( child: InkWell( onTap
浏览 1
提问于2020-01-09
得票数 0
1
回答
引导-随着屏幕宽度的减小而隐藏(而不是拖到下一行)
、
在大屏幕上,我有一排盒子,因为屏幕的宽度缩小了盒子的下面一个一个: <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="box"></div> <div class="box"></div> <div class="box"></div>
浏览 0
提问于2019-08-26
得票数 0
回答已采纳
1
回答
将div对齐到Bootstrap4卡体的底部
、
、
、
我在处理鞋带卡。我有卡片头和卡片脚,他们工作得很好。在卡片的身体里我有一个卡片标题。此标题可在卡体中占用1或2行。在这个卡片的身体里,我也有一些信息。我想将这个信息div与卡片体底部对齐,因为我使用行/集来很好地对齐事物,但是因为1张卡片标题是1行,而另一张是2行,当你在页面中查看卡片时,这个附加信息并不完全在卡片之间排列,而底部对齐将解决我认为的问题。 所以基本上,我想让橙色的div在他们的卡片底部排成一列,因为然后在视觉上穿过卡片,他们会看上去排队。 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/
浏览 0
提问于2019-05-03
得票数 0
回答已采纳
1
回答
在一个无序列表中有两列
您必须按“整页”才能看到附加的代码片段显示。 我想把我的选项排成一排,这样它们就对齐了,复选标记在左边一点。 <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <div id="navbar
浏览 3
提问于2015-07-27
得票数 0
2
回答
如何在bootstrap中对齐一行图像
、
、
、
嘿,我把5张图片排成一排,间距为col 2。但是我想把页面中间的行对齐。有人能帮我吗?我怎么才能解决这个问题? 我刚试过胶版机。但它不能正常工作。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <div class="container"> <div class="row"> <div class="
浏览 4
提问于2016-08-14
得票数 1
1
回答
页脚不对齐挠曲盒中的主要内容
、
、
我正在使用柔性盒来响应地绘制出一堆图像。 .cards .card.card1 .card.card2 .card.card3 .card.card4 etc.... footer css: .cards{ display: flex; width: 100%; flex-wrap: wrap; height: 81.2rem; } .card{ display: flex; flex-wrap: wrap; height: 100%; max-height: 28rem; position: relative;
浏览 0
提问于2016-06-16
得票数 1
回答已采纳
3
回答
如何在Javascript循环中获得每字符串一行
、
我目前正在使用javascript,并试图掌握它的诀窍。我想知道如何让每一句问候语排成一行,而不是一个接一个。希望我的问题说得通。 window.onload = function() { getGreeting(); }; for(var hours=0; hours < 24; hours++) { document.getElementById("loop").innerHTML = document.getElementById("loop").innerHTML + "\n" + getGreeting(hours); }
浏览 0
提问于2013-03-15
得票数 1
回答已采纳
0
回答
在页脚中排列图片
、
、
、
我最近在我的网站页脚添加了一些图标: 他们最终一个接一个地坐在一起,而不是排成一排。具体地说,付款选项图标(一体机图像)和发货图标(一体机)。 有人知道我如何让他们并排坐在一起,但中间留出一点空间吗? 提前感谢!
浏览 9
提问于2016-07-13
得票数 0
回答已采纳
2
回答
如何创建响应式(可变列数)角度材料卡网格
、
、
、
我正在尝试创建一个角度材质卡片的网格,它的行为有点像Bootstrap网格。理想情况下,卡片对于较小的屏幕宽度应该是全宽的,并且在较大的断点处跳到两列。 问题是A-M为每张卡创建列。我还没有弄清楚如何为每个断点指定列数。 下面是我使用的标记的基础,它在第一个断点处从行到列获取卡片布局: <div ng-app layout="column" layout-gt-sm="row" class="layout-sm-column layout-row"> <div flex class="flex" ng-r
浏览 23
提问于2015-12-15
得票数 18
回答已采纳
3
回答
如何将卡片中的每一行都对齐?
、
、
我有以下卡片,代码如下所示。我想把所有的东西排成一排,因为现在它是一个接一个。是否有任何选项可以将所有内容排成一行而不是三行, <div class="container"> <form onSubmit={submitHandler}> <div class="row" style={{ width: "300px", marginTop: "40px", marginLeft: "70px", height: "450
浏览 0
提问于2021-01-13
得票数 1
2
回答
在CSS中重写<li>的行为?
、
HTML5,CSS. 我有一大堆在<ul>中作为<li></li>布局的项目 而不是每个人都在单独的一行上(是的,传统行为..)有没有办法让它们排成一排呢? 所以: Adam Eve Tom Jasmine 变成: Adam Eve Tom Jasmine
浏览 10
提问于2011-07-13
得票数 2
2
回答
我怎么才能让它变得更短?
、
、
、
我有15个随机挑选的烤肉,目前我对随机数使用以下代码: const whichroast = [Math.floor(Math.random() * 15) + 1]; 我有15个烤肉像这样排成一排: const roast1 = ""; const roast2 = ""; const roast3 = ""; 我如何让它随机地发送被随机挑选的那个?我不想对每个数字都使用if和do;有没有其他的解决方案?
浏览 32
提问于2020-09-05
得票数 0
回答已采纳
3
回答
引导-制作具有相同高度图像的卡片
、
正如你所看到的,我有3张引导卡,有3张不同高度的图片。我想让那些高度与其他图片相同的图片(比如较大的图片“带头”,而另一行中的所有图片都适应这个更大的图片)。 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/> <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100
浏览 8
提问于2020-01-27
得票数 1
回答已采纳
1
回答
使用twitter bootstrap自动浮动
、
我在row-fluid和span12中有一系列span4元素。我希望能够根据需要输出尽可能多的浮点数,并让它们自动排成3列。我的问题是这种情况会发生,但有一个偏移量(未清除的浮点偏移量)。 有没有一种方法可以做到这一点,而不需要计算每个框和第三个框,关闭前一行并开始一个新的行? <div id="content" class="clearfix row-fluid"> <div id="main" class="span12 clearfix" role="mai
浏览 4
提问于2013-06-26
得票数 0
1
回答
对齐行中的复选框
、
我目前正在为学校做一个项目,询问用户他们最喜欢哪种虚拟现实设备,我试着让按钮居中,让它们对齐,但我不知道怎么做,我在stackoverflow,谷歌,youtube上做了很多事情,但没有什么能让复选框排成一排下面是HTML的样子"“这是CSS的样子"”
浏览 13
提问于2016-09-16
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
让你的汇报类PPT炸裂(二)
如何选择安全合适的服务器机柜?
LOL哪个英雄的动作最具嘲讽性?游戏里碰到第一个直接心态爆炸
CSS深入理解学习笔记之line-height
课本上看不到得计算机发展史,电子计算机怎么诞生的?原来是干这个用的
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券