2

谁能想到为链接列表设置样式会如此麻烦！

  • 第一个问题我想使用任意字符作为项目符号。我现在确定这是不可能的，但也许你知道不同？

  • 无论如何，我想控制子弹和 <li> 内容之间的距离。

  • 我想控制子弹的高度（因此无论字体/大小等如何，它都保持在 <li> 中的文本的中心）。

  • 我希望子弹留在包含 <ul> 的 <div> 内，而不是挂在一边。

  • 我希望 <li> 中的长项目环绕，让项目符号远离文本。

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

我很想使用 <span> 和 </br> 而不是列表！

4

3 回答 3

3

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

于 2009-04-02T07:22:31.867 回答
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 */
}
于 2009-04-01T18:15:09.373 回答
1

对于无序列表，您必须制作一个图形来显示任意字符。其他可用值是：

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

要使项目符号停留在文本中而不是闲逛，请使用

list-style-position: inside

？？？不确定您在最后一点中“环绕”的意思。

于 2009-04-01T18:05:11.567 回答