list-style-position【原创】

来源：互联网发布：云购商城源码破解版编辑：程序博客网时间：2024/06/10 07:54

今天搞了一天的浏览器兼容问题，感觉这活简直就是不停地和clear, float, !important, ff, ie8 这些名字在做斗争，呵呵，其实如果真的碰上问题，还是蛮恐怖的，如果直接COPY他人大段布局代码，很有可能就是怎么死的都不知道！这个话题的内容实在是说也说不完，今天算是初体验了，有空慢慢道来。今天说个简单的，其实不算是浏览器兼容的问题。

css属性list-style-position

可以看到上面两个布局中，上面一款才产品的内容介绍的项目符号是和上面一行标题左对齐的，而下面一款产品的介绍项目符号是在外面的。我们常见的其实就是后者。如何产生前者的效果？

<ul style="list-style-position:inside;">

搞定！

值得一提的是，在第二款产品的介绍中，其实是有写了下面这样一行代码的，妄想通过这样来改变项目符号的位置，但事实证明，项目符号的左右位置，不是靠它的margin来控制的。

<ul style="margin-left:10px;">