Question

我有以下css：

<ul class="square">
<li>blah blah blah</li>
</ul>

以及以下Html结构：

 lat_dd_NAD83 long_dd_NAD83 lev_va_ft
1     37.01030     -101.5006    288.49
2     37.03977     -101.6633    191.68
3     37.05201     -100.4994    159.34
4     37.06567     -101.3292    174.07
5     37.06947     -101.4561    285.08
6     37.10098     -102.0134    128.94

列表没有填充，也没有前导方块。我该如何解决这个问题？

Answer 1

你走了！只需使用保证金，而不是填充 - ＆gt; Demo

ul.square {
  padding:0;
  margin: 0; /* reset the margin */
  margin-left:20px; /* then add yours */
  list-style: square;
}

Answer 2

这仅适用于ol（尝试使用ul并且无效）。无法使用ul使用此处或其他地方提供的任何解决方案。但至少这个解决方案确实增加了保证金/缩进。谢谢你的帮助。

在CSS中：

ul {
padding:0;
margin:0;
}
li {
padding:0;
margin:0;
list-style:none;
}
ol.margin {
padding:0;
margin: 0; /* reset the margin */
margin-left:20px; /* then add yours */
}

然后在HTML文档中

<ol id="margin">
<li>blah</li>
</ol>

李类型不会显示

2 个答案: