Bootstrap列和可变高度段落

文章/答案/技术大牛

发布

0回答

html、css、twitter-bootstrap-3、sass、css-multicolumn-layout

使用Bootstrap 3.3.7，并尝试将17个可变高度的段落排列到3列(col-md-4)布局中，以获得高分辨率，2列(col-sm-6)或1列(col-xs-12)。无论是三列还是两列，我都希望得到的布局能产生接近相同高度的列。尝试创建灵活的布局，因为段落源代码不是静态的。</p> 但是由于段落的高度是可变</

浏览 6提问于2016-12-28得票数 0

3回答

如何让两个div取较大div的高度

html、css、reactjs、web、styling

因此，我的设计在一行中包含两列，一列用于段落，另一列用于图像；段落的高度通常大于图像的高度。那么，我应该如何调整图像的大小作为段落，并给它一个最小的高度。(Ps。我同时使用reactjs和react Bootstrap) 我的代码： <Row className={[stylesParagraph.pardiv, stylesParagraph.bodyWidth

浏览 99提问于2021-11-22得票数 0

回答已采纳

1回答

img表格行高度100%

html、css、html-table

<p>Sunday</p> <p>Sunday</p> </tr> height: 1

浏览 5提问于2020-08-29得票数 3

回答已采纳

2回答

Bootstrap可变列高度和计数而不中断流

html、css、twitter-bootstrap

我们使用bootstraps网格和列系统，因此水平显示的数字会根据窗口大小而变化。只要所有的盒子都是等高的，这个效果就很好。在这个小例子中，我有11个盒子，其中一个比其他盒子高。

浏览 1提问于2015-04-10得票数 0

2回答

Twitter Bootstrap如何管理<span>中的<p>元素？

css、twitter-bootstrap、html-validation

我想我在这里可能问了一个愚蠢的问题，但我刚刚开始在我的一个新项目中实现twitter bootstrap，该项目需要一个响应式布局。我使用的是“span”方法，将我所有的内容放在一个跨度网格中。段落元素不能嵌套在跨度中。有什么见解吗？

浏览 1提问于2013-06-08得票数 0

1回答

将UITextView高度设置为可变行数

ios、uitextview

我有一个UITextView，在运行时填充了一段具有可变高度的文本。 CSS中的相似之处是，如果文本“小”，则将视图高度设置为2em，如果文本“大”，则设

浏览 2提问于2016-12-21得票数 0

回答已采纳

2回答

CSS -如果部分隐藏，则强制溢出元素消失

css

假设我们有一个包含一些短段落的框： <p>Some text</p> <p>Sometext</p></div> 框的高度是可变的，所以有时其中一个段落的文本是部分隐藏的。是否

浏览 0提问于2010-04-06得票数 3

回答已采纳

2回答

如何让CSS在动态高度上重复-y？

html、css

我有以下HTML和CSS： <div class="leftbg"></div>我遇到的问题是，leftbg图像只是在重复，直到它达到innercontent div中段落的高

浏览 0提问于2010-12-24得票数 1

回答已采纳

1回答

引导图像和段落与列左右对齐

image、twitter-bootstrap

我在Bootstrap 4中有一个问题。我试图对齐图像与段落，使图像在左侧第一行与段落，在第二行图像在左侧与段落在右侧，第三行图像在左侧与段落在右侧，我想使它在所有设备上响应，但，中型设备对齐第一和第二图像在一行，我不知道如何修复它。

浏览 23提问于2020-04-25得票数 0

3回答

如何使面板全高的父母迪夫？

html、css、twitter-bootstrap、twitter-bootstrap-3

我在下面的HTML表单上使用Bootstrap 3，其中包含4个面板，其结构与下面的示例相同。我在这里的问题是，每个面板包含一个不同的，因此以不同的高度出现。有人能告诉我，我怎样才能让他们始终保持完整的高度，而不依赖于他们的内容？基本上，我想要实现的是，所有4个面板的高度与它们在一行中出现的高度相同----它们唯一不同的地方是带有可变文本的段落，其他所有面板都是相同的，每个面板的高度都相同。

浏览 2提问于2014-09-17得票数 2

回答已采纳

1回答

我经常发现自己有两列布局，其中一列包含所有内容，另一列包含各种额外元素。这些需要在某种程度上锚定在第一栏中的具体段落中，才有任何意义。虽然它看起来是三个连续的列，但实际上是四个单独的行，每一行都有三列--也就是说，第一行包含画廊块，第一段和"1918“时间线块；第二行包含偏移区域，第二段和上面的插图"1925”块，等等。这种方法的优点是，额外的内容片段(下称“块”)与引用它们的段落垂直对齐，并且由于大小与

浏览 2提问于2014-03-06得票数 3

2回答

NSLayoutManager，每个段落都有一个NSTextContainer

ios、ios7、textkit

如何使NSLayoutManager将其文本中的每个段落分配给不同的NSTextContainer？这类似于TextKit中常见的多页/列用法，但每个页面对应一个不同的可变长度段落。

浏览 2提问于2013-11-25得票数 3

回答已采纳

2回答

使用CSS或jQuery水平展开容器仅足以防止垂直溢出。

jquery、html、css、expand

</p>和下列CSS： height: 100px;} 现在，让我们假设上面HTML中的段落可以是可变长度的。我正在寻找的是一种CSS或jQuery方法，使div始终保持100像素的高度，并最终达到不少于100像素的宽度，但是不超过防止垂直溢出所必需的范围。因此，如果内容足够短--比如说，一个单词-- div将有100个像素的高度和100个像素的宽度。如果内容

浏览 1提问于2012-10-24得票数 0

回答已采纳

1回答

CSS多栏问题:一段高度不相等

html、css、paragraph、multiple-columns

在CSS中有没有可能有两列不同高度的段落？我有一个固定的高度，并希望从左到右的列填充它。我和column-count和column-fill玩了一把，但它最终被扔进了垃圾桶。

浏览 3提问于2015-03-04得票数 1

1回答

如何使用Bootstrap* 4扩展嵌套列*

html、flexbox、bootstrap-4

给定此布局示例：如何使“菜单”和“内容”列向下延伸到“页脚”？

浏览 5提问于2017-07-13得票数 1

回答已采纳

1回答

可以在水平面上制作CSS3柱吗？

css、multiple-columns

我想知道是否可以水平地生成CSS3列。A、c我想创建列，这样输出就会变成C d原始页面主要使用3-4列

浏览 1提问于2013-02-01得票数 6

回答已采纳

5回答

如何在这种情况下垂直居中元素(不喜欢javascript)

html、css

两个组件:父组件(白色框)和子组件(灰色框)。我想把孩子垂直地放在父母的中间。 .parent { height: 400px; width: 3

浏览 7提问于2016-03-16得票数 1

回答已采纳

3回答

如何在固定高度的容器中滚动内容？

jquery、html、css、scroll、height

基本上它是一个固定高度的容器div，我希望它里面的内容(一个段落列表)可以通过箭头向上/向下滚动。我们将非常感谢您的帮助。 

浏览 0提问于2012-03-24得票数 2

回答已采纳

2回答

“引导3”中列内容的垂直对齐

html、css、twitter-bootstrap、multiple-columns

我试图水平对齐3列(引导)，这些列的高度取决于视图端口的大小。如第一张图片所示，所有东西都是在大屏幕上居中和对齐的。我最初的想法是为三种不同类型的元素创建三行。不幸的是，我无法做到这一点，因为我希望将边界保留在中间栏中。不管视口大小如何，保持这三列对齐的正确方法是什么？

浏览 6提问于2015-05-08得票数 1

回答已采纳

2回答

在没有重叠图像的两列中对齐图像和段落(wordpress)

html、css、wordpress、css-float、margin

我有来自wordpress的WYSIWYG-编辑器，我在那里放文字和图片。然而，我想把图片拉到文字的左边(有一个负的边距-左)，这样我有一个列与我的文本和对齐在一些段落的顶部一些图片在一个列的左边。我的问题是，当我有两个段落与两个图像对齐，而第一个段落的高度小于相应图像的高度时，第二个图像与第一个图像重叠，因为第二段的开头位于第一个图像的底部之上。我想要的：.img { margin-left:

浏览 0提问于2015-07-01得票数 0

回答已采纳

点击加载更多