Question

谁认为造型链接列表可能会非常麻烦！

第一期我想用一个任意字符作为子弹。我是现在确定这是不可能的但是也许你知道不同吗？
无论如何，我想控制子弹与＆lt; li＆gt;的内容之间的距离。
我想控制子弹的高度（因此它与＆lt; li＆gt;中的文本保持居中，不论字体/大小等）。
我希望子弹留在＆lt; div＆gt;内其中包含＆lt; ul＆gt;而不是闲逛。
我想要＆lt; li＆gt;中的长项目绕开子弹，使文字清晰。

我希望它能在IE6以上的所有浏览器中运行。尽可能少地特别恳求IE的怪异！（这意味着我不能使用:before）

我很想使用＆lt; span＆gt;和＆lt; / br＆gt;而不是列表！

Answer 1

http://css.maxdesign.com.au/listamatic/

Answer 2

首先，确保使用CSS删除列表元素的填充/边距，这样您就可以为所有浏览器添加一个干净的平板。然后，如果您始终希望子弹图像居中，请使用图像。

 ul{
   margin: 0;
   padding: 0;
}

ul li{
  padding: 0 0 0 20px; /*so text does not appear on top of bullet */
  background: url(error.gif) no-repeat 0 50%; /* this will set the bullet to appear in the middle */
}

Answer 3

对于无序列表，您必须创建一个图形以显示任意字符。其他可用值为：

list-style-type: disc | circle | square | none

要使子弹留在文本中而不是挂出，请使用

list-style-position: inside

???不确定你在最后一点上“环绕”的意思。

如何控制html无序列表的样式？

3 个答案: