Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当文章标题转到下一行或下一堆时,布局中断_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Html 当文章标题转到下一行或下一堆时,布局中断

Html 当文章标题转到下一行或下一堆时,布局中断,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,当详细的文章标题分成两行并导致元素的高度增加时,布局将中断 完整标题必须可查看,因此不能使用类似文本溢出:省略号或隐藏的内容 在标题元素上设置一个min height,可以修复破损。 这是一种幼稚的方法还是可以改进的方法? ::编辑-无法添加JS,只能添加CSS 2列布局 第一个容器的高度现在大于相邻容器的高度 您可以通过css解决此问题,如: .box{ 文本溢出:省略号; 空白:nowrap; 溢出:隐藏; }请看我用CSS flex box解决的问题 *{ 框大小:边框框;

当详细的文章标题分成两行并导致元素的高度增加时,布局将中断

完整标题必须可查看,因此不能使用类似
文本溢出:省略号
隐藏
的内容


在标题元素上设置一个
min height
,可以修复破损。

这是一种幼稚的方法还是可以改进的方法?

::编辑-无法添加JS,只能添加CSS


2列布局



第一个容器的高度现在大于相邻容器的高度

您可以通过css解决此问题,如:

.box{
文本溢出:省略号;
空白:nowrap;
溢出:隐藏;

}

请看我用CSS flex box解决的问题

*{
框大小:边框框;
填充:0;
保证金:0;
}
.家长{
显示:-网络工具包盒;
显示:-ms flexbox;
显示器:flex;
-ms-flex-wrap:wrap;
柔性包装:包装;
利润率:0-15px;
宽度:100%;
}
艾希德先生{
宽度:50%;
-ms-flex:050%;
弹性:0.50%;
填充:0 15px;
} 
.eachChid img{
宽度:100%;
}
.包装纸{
填充:0 15px;
}

多年来,有时出于偶然,有时出于故意(注入幽默等)。
多年来,有时出于偶然,有时出于故意(注入幽默等)。
多年来,有时出于偶然,有时出于故意(注入幽默等)。
多年来,有时出于偶然,有时出于故意(注入幽默等)。多年来,有时出于偶然,有时出于故意(注入幽默等)。
多年来,有时出于偶然,有时出于故意(注入幽默等)。

如果需要,您可以借助javascript
.height()
解决此问题,然后感谢回复,作为对文章的编辑,我只包含CSS的用法。如果标题可以隐藏,这将起作用,正如您在我的描述中所看到的,我无法使用您共享的代码,因为标题无法隐藏。