Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html UL是否有默认边距或填充_Html_Css_Alignment_Html Lists - Fatal编程技术网

Html UL是否有默认边距或填充

Html UL是否有默认边距或填充,html,css,alignment,html-lists,Html,Css,Alignment,Html Lists,这似乎是一个愚蠢的问题,但我在基本页面上添加了一个UL,列表似乎偏离了中心。这份名单没有什么特别之处。没有添加特定的css:只是一个列表。当我加载活负载时,它稍微偏离中心。 左侧是否有默认的边距或填充 <h3>Title Heading</h3> <ul id="listItems"> <li>itemOne</li> <li>itemTwo</li> <li

这似乎是一个愚蠢的问题,但我在基本页面上添加了一个UL,列表似乎偏离了中心。这份名单没有什么特别之处。没有添加特定的css:只是一个列表。当我加载活负载时,它稍微偏离中心。
左侧是否有默认的边距或填充

<h3>Title Heading</h3>
   <ul id="listItems">
       <li>itemOne</li>
       <li>itemTwo</li>
       <li>itemThree</li>
   </ul>
标题
  • 第一项
  • 项目二
  • 项目三
主体具有用于居中、对齐、浮动等的所有css代码 “标题标题”完全对齐。只是名单有点乱

多谢各位


哦,不知道这是否重要,但我加了“id”因为。。。想要使用“类型的第一个”来给出第一项em(粗体)。

列表将始终对齐,以便文本与父元素的边缘保持一致。这意味着默认情况下,项目符号将位于图元的外部(左侧)。可以强制对齐项目符号,而不是文本,如下所示:

ul {
  list-style-position: inside; }
ul {
  margin-left: 20px; }
或者,您也可以添加自己的边距来推动整个列表元素,如下所示:

ul {
  list-style-position: inside; }
ul {
  margin-left: 20px; }

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

添加ul-padding:0;说
ul
应该有一个40px的空白,但是浏览器有自己的默认值。我将代码添加到css的选择器#itemList下。我还围绕ul添加了一个标题为id=“bodyList”的部分(我尽量不弄乱我更改f-o-t的特定代码)。什么也没发生。我会使用左边的边距,但不确定它在调整大小时会如何影响浮动;另外,没有任何项目符号。@JZeig1好吧,看起来你的问题是将CSS应用于
#itemList
,当它应该是
#listItems
时。谢谢,这是有效的,但只有当我在Wordpress网站中使用以下语法时才有效:
    好的,填充似乎有效。我只是觉得在默认设置中添加填充很奇怪,我无法控制或在代码中无法识别。但我想,不管怎样都行。我想给你们两个荣誉,但是。。。