我遇到了一个问题,ul中的最后一个li元素比其余所有元素都向左推进了更多。附加是一个屏幕截图和我的代码。Ul Li最后一个元素没有正确对齐
我尝试过使用最后一个子元素,但它在Safari或Chrome中无法使用。
#attending ul {
display: inline;
margin: 0 5px 0 0;
padding-left: 0px;
}
#attending ul li {
display: inline;
list-style-image:none;
padding: 5px;
}
#attending li:last-child {
margin-right:-4px;
}
建议?
--------------- EDITED ----------------
#attending {
width: 230px;
margin:0 13px 5px 12px;
float: left;
background-image: url(...);
background-repeat: no-repeat;
text-align:center;
height:360px;
overflow:hidden;
}
+1
你还应该包含html。这应该很容易解决,但我们需要所有的代码来真正帮助。 –
2010-05-27 00:47:16
+0
在屏幕截图的帮助下,我很难将其视觉化。 '#参加'是否有固定的宽度?每个图像是由单个“li”元素表示的吗?还是它的每一行图像?无论如何,请编辑并更新您的问题以包含一些相关的HTML。最好是从''到''(以及doctype)验证的副本'n'paste'n'runnable示例。 –
2010-05-27 00:47:59
+0
我不确定它是哪个doctype作为它的正在运行的wordpress。让我快速检查一下。 它在这里: XHTML 1.0 Transitional 我想我需要修改,以严格?没有? –
2010-05-27 00:57:48