UL是否有默认页边距或填充
UL是否有默认页边距或填充
提问于 2015-05-24 13:48:57
这可能看起来像一个愚蠢的问题，但我在一个基本页面上添加了一个UL，列表似乎偏离了中心。这份清单没有什么特别之处。没有添加特定的css :只是一个列表。当我加载实况时，它会稍微偏离中心。
左边是否有默认的页边距或填充？
<h3>Title Heading</h3>
<ul id="listItems">
<li>itemOne</li>
<li>itemTwo</li>
<li>itemThree</li>
</ul>主体有所有的css代码，居中，对齐，浮动等。‘标题标题’完美地对齐。只是列表有点离谱。
谢谢。
哦，不知道这是不是很重要，但是我加了'id‘因为...我想用'first-of-type‘来给第一个项目em(粗体)。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-05-24 14:09:18
问题是，默认情况下，浏览器有自定义的css -在chrome中，例如：
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}您必须为您的ul使用自定义规则
element.style {
margin-left: 0px;
/* set to 0 if your not using a list-style-type */
padding-left: 20px;
}Stack Overflow用户
发布于 2015-05-24 13:57:00
列表将始终对齐，以使文本与父元素的边缘保持一致。这意味着默认情况下，项目符号将位于元素的外部(左侧)。您可以强制对齐项目符号，而不是文本，如下所示：
ul {
list-style-position: inside; }或者，您也可以添加自己的边距来推送整个列表元素，如下所示：
ul {
margin-left: 20px; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30424248
复制相关文章
相似问题
腾讯云开发者
