Warm tip: This article is reproduced from serverfault.com, please click

html-UL是否具有默认边距或填充

(html - Does UL have default margin or padding)

发布于 2015-05-24 13:48:56

这似乎是一个愚蠢的问题,但是我在基本页面上添加了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(bold)。

Questioner
JZeig1
Viewed
11
Michael Wilson 2018-01-09 19:29:49

问题是默认情况下,浏览器具有自定义的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;
}