我有一个无序列表,每行有 3 li 项目和 5 行。每个 li 的内容是动态的,如果它们在 1 li 项目中的内容更多,那么其他项目会将其后的所有 li 项目推下。有没有办法阻止这种情况发生,所以如果一个 li 有更多内容,那么该行上的每个 li 都会匹配它的高度,从而使所有内容都对齐?
我已经包含了代码的链接 - http://jsfiddle.net/3YTbK/4/
而且我发现这使所有内容都对齐,但是我现在需要弄清楚如何拉伸行内元素的高度:
ul > li:nth-child(3n+1) {
clear: both;}
另外我最好只使用 CSS 解决方案