停止长标题破坏li列表
停止长标题破坏li列表
提问于 2015-08-28 02:19:29
我在一个网站上工作，该网站显示列表中的项目。现在我发现，如果标题(例如，卷帘)分成两行，它会打乱下面布局的其余部分。我怎样才能改变这一点，使这种情况不会发生？我需要保留更长标题的选项。
CSS：
#solutions-categories .inner-box{
padding:20px;}
#solutions-categories ul{
padding:0;
margin:0px -10px;
list-style:none;}
#solutions-categories ul li.solution-category{
width:25%;
float:left;
padding:0px 10px 40px 10px;}
.solutions-category-image{
margin-bottom:20px;}
.solutions-category-image img{
height:auto;
width:100%;}
.solutions-category-title h3{
margin: 25px 0px 15px 0px;}
.solutions-category-title .divider{
margin-bottom: 25px !important;}现在我尝试将其更改为浮动的div而不是li元素，我尝试使用JS创建相同的高度，但都不起作用。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-08-28 02:42:17
1)允许垂直空间容纳最长的可能标题，或2)使用JavaScript计算最高并使它们全部匹配。
jQuery(function($) {
var maxTitleHt = 0;
$('.solutions-category-title h3').each(function() {
var titleHt = $(this).height();
if (titleHt > maxTitleHt) {
maxTitleHt = titleHt;
}
$(this).height(maxTitleHt);
});
});你可能想要命名它，并在窗口调整大小时运行它来更新它们。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32256759
复制相关文章
相似问题