今天搞了一天的浏览器兼容问题,感觉这活简直就是不停地和clear, float, !important, ff, ie8 这些名字在做斗争,呵呵,其实如果真的碰上问题,还是蛮恐怖的,如果直接COPY他人大段布局代码,很有可能就是怎么死的都不知道!这个话题的内容实在是说也说不完,今天算是初体验了,有空慢慢道来。今天说个简单的,其实不算是浏览器兼容的问题。
css属性list-style-position
可以看到上面两个布局中,上面一款才产品的内容介绍的项目符号是和上面一行标题左对齐的,而下面一款产品的介绍项目符号是在外面的。我们常见的其实就是后者。如何产生前者的效果?
<ul style="list-style-position:inside;">
搞定!
值得一提的是,在第二款产品的介绍中,其实是有写了下面这样一行代码的,妄想通过这样来改变项目符号的位置,但事实证明,项目符号的左右位置,不是靠它的margin来控制的。
<ul style="margin-left:10px;">