html - 让 li 标签全部洗牌

标签 html html-lists css

是否可以让 ul 标签中的所有 li 项在彼此下方对齐,而不是全部对齐到最长的。我知道这没有多大意义所以我做了一个例子!!哈哈

http://jsfiddle.net/S4GhV/1/

我的意思是,我希望第二行的盒子在第一行的盒子下面,例如,第二行的第二个盒子紧在第一行的第二个盒子下面,而不是水平对齐第二行的第一个框。与方框 3 相同。

希望这是有道理的!!

最佳答案

你可以通过模拟列来得到你想要的结果,但是它涉及额外的 div:JSFiddle

此外,li {vertical-align: bottom;} 可以使所有内容紧密排列,但它只适用于两行,可能不是您所需要的。

关于html - 让 li 标签全部洗牌,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11791929/

相关文章:

javascript - 使用 JavaScript 在其他图像之上添加透明图像

html - Bootstrap 4 - Flex 垂直对齐

html - 列表的正确写法

CSS 菜单下拉菜单都出现在同一个(最左边的)父项下

html - 如何将悬停时的下拉菜单定位到所需位置?

javascript - 将网页上的文本选择限制为 HTML 元素级别

html - 图像按下效果 -- CSS

html - 使输入适合 td 的高度和宽度

javascript - 使用 jquery 重新定位 html 中的元素

html - 如何保持列表的垂直对齐方式一致?