垂直对齐div但保持顺序一致

时间:2017-03-24 16:30:22

标签: html css twitter-bootstrap

问题在于我的div正在被订购,以便第一列首先崩溃并首先在手机(预期)上阅读。

但是在非常特定的屏幕尺寸上进行自动换行时,div会失去平衡,现在彼此之间的垂直平衡看起来有点时髦。

可在此处找到图像(红色显示div):

enter image description here

我想要的是在文字上添加一些不包含字词的空格,以便

1 个答案:

答案 0 :(得分:1)

就个人而言,我说目前的设计运作良好,因为它可以适应和改变不同的屏幕尺寸,它不排队的事实是可以理解的,因为这个词只是很长。

但是,如果您愿意,可以在容器上设置代表该框的最小宽度。这意味着当屏幕变小时,这个词就不会被包裹。但它可能带来副作用,因为它将推动其他两个div,具体取决于css的工作原理。