我们可以自动显示带有跨文本的列表样式吗?

时间:2011-06-21 17:31:57

标签: html css xhtml

我有一个服务器控件,呈现为span。在其文本中,我已将<br>放置在多行显示文本中。

接下来,我想要list-style显示这些<br>。它可以是方形或磁盘。请指导我如何做到。

1 个答案:

答案 0 :(得分:1)

您可以将其转换为无序列表:

HTML

<ul>
  <li>Text</li>
  <li>in</li>
  <li>multiple</li>
  <li>lines.</li>
</ul>

CSS

ul
{
    list-style-type: square;

}

或使用块显示跨度与背景图像:

HTML

<span class="bg_square">
    Text
</span>

<span class="bg_square">
    in
</span>

<span class="bg_square">
    Multiple
</span>

<span class="bg_square">
    Lines
</span>

CSS

span.bg_square
{
    display: block;
    background-image: url(path/to/little_square.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 20px;
}

Example here