关于的换行对齐问题

问题描述：

<li>......
如果内容很长的话会出现换行，但是换行后的第二行会自动左对齐于<li>所产生的小点，而不是左对齐
于内容中第一个字。而在<ul>后的<li>却能实现这一点？但是使用<ul>会导致一个向右的缩进，影响版面。

请问有什么方法，在不产生右缩进的情况下实现<li>的内容对齐？
我想到的方法是利用后台技术判断内容长度程序换行，然后给予除了第一个<li>外的其他<li>一个class使得圆点不显示出来，但是我希望在HTML/CSS中解决，100分作谢。

9 个解决方案

#1

#2

尝试用CSS解决，不使用<li>

比如如下代码：
<style>
span
{
display:list-item;
list-style-type:disc;
margin-left:4px;
font:20pt;
}
</style>

<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>
<span>asdlfjaslkfjalksjflksj flka flkasjfalks flkas jflkas jflkasjflkasjflkasjf alksf jlkas flkas fklas lfkas jlfks alf sa f</span>

#3

如果可以,把 list-style-type设为 none 试一试, 不要那个点了.

#4

#5

你们都没有查 CSS 手册么??

#6

靠，我想抒发一下感情也不行，开始输入的 Mao Zhu Xi, 居然提示说“请不要发布可能给我们带来伤害的言论！”，后面只好改为 Chairman Mao 了！

#7

呵呵，CSDN上不许谈政治呀！

伟人的名字都不许！

#8

按照郁闷小猪的方法则不能正确显示点，
而DSCLUB的方法则是可行的，但是我想仍然有方法可以使用<li>来达到相同效果，有待研究。
谢谢两位，结分。

#9

#1

#2

#3