gpt4 book ai didi

css - 嵌套 ul/li 的底部边框不是整个宽度

转载 作者:行者123 更新时间:2023-11-28 13:25:25 24 4
gpt4 key购买 nike

修复它! 我在 gRow 类中添加了一个负的左边距,等于周围容器的宽度(在我的例子中是 744 像素)。它似乎在 Chrome 和 IE 中都有效。虽然它在我的 fiddle 中不起作用:-?

我有一个描述树状结构的无序列表。每个 li 包含一个带有 class="gRow"的 div 元素。这个 div 在网格中包含其他带有“单元格”的 div。我想在每个 gRow (或 li?)容器)。

我正在使用 Ajax 动态添加新级别,但我不知道结构的深度。

这是我得到的结果:

enter image description here

我的css是这样的

ul {margin: 0;padding: 0;list-style-type: none;}
li { padding-left: 16px;}
.gRow { border-bottom: 1px #CCD9E0 solid;height: 20px; margin-left: -744px;}

这是一个 jsFiddle:http://jsfiddle.net/kJQeq/

希望能帮到你。提前致谢。

最佳答案

也尝试将 li 上的边距设置为 0。

ul {margin: 0;padding: 0;list-style-type: none;}
li { margin: 0; padding-left: 16px;}
.gRow { border-bottom: 1px #CCD9E0 solid;height: 20px; }

关于css - 嵌套 ul/li 的底部边框不是整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14229131/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com