Re: CSS中的ul与li样式详解：
list-style-position属性，是用来定义项目符号在列表中显示位置的属性
它同样是一个可继承的属性，语法结构如下：
list-style-position:inside/outside
inside：项目符号放置在文本以内
outside：项目符号放置在文本以外
使用list-style-position属性的示例如下：
[code] li{list-style-type:square;list-style-position:outside;}
<ul>
<li>这里是使用list-style-position属性值为outside的示例</li>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
</ul>
[/code]
再来看一下属性值为inside的样式。
[code]
li{list-style-type:square;list-style-position:inside;}
<ul>
<li>这里是使用list-style-position属性值为inside的示例</li>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
</ul>
[/code]
四、list-style属性
list-style属性是综合设置li样式的属性，也是一个可以继承的属性，语法结构如下：
li-style:list-style-type/list-style-image/list-style-position
各个值的位置可以交换，比如：
[code] li{list-style:url(images/hackhp.gif) inside;}
<ul>
<li>这里是使用list-style属性的示例</li>
<li>这里是列表内容</li>
</ul>
[/code]
五、css li 不换行 css li 横排效果实现
直接用css控制li的样式，如下：
li{width:50%;float:left;}
将li的宽度设置50%，左浮动即可实现不换行和横排