html - 在不设置固定大小的情况下,如何强制 ul 中的所有 li 元素与最大项的大小相同?

标签 html css

我在页面上有一个类别列表,每个类别都有一个嵌套的子类别列表。类别列表元素样式以网格模式排列元素(通过 display:inline; float:left),子类别显示在正常列表布局的下方。类别和子类别是用户配置的,但我不希望有数百个(对于 3 或 4 个类别,每个类别可能不超过 10 或 20 个子类别)。

我宁愿不为每个列表项设置固定大小。我想在每个元素周围画一个边框,但我不喜欢每个列表项大小基于其内容时的外观。有没有办法在不为列表项设置固定大小的情况下解决这个问题?

最佳答案

ul 设置为 float: left 似乎有所帮助。

示例:http://jsbin.com/uluke

关于html - 在不设置固定大小的情况下,如何强制 ul 中的所有 li 元素与最大项的大小相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/604956/

相关文章:

PHP登录时显示用户信息

html - 在多张图片上写文字

像 WordPress 媒体 uploader 一样的 PHP 媒体管理器?

html - Div 在 html 中没有展开

html - 具有 CSS 和 Bootstrap 网格系统的响应式交替 div

jquery 的 CSS W3C 合规性

html - 悬停时图像不会旋转

CSS伪元素如何改变颜色

html - 如何获得带有导航的固定标题

html - 如何垂直堆叠居中的div