css inline-block 布局

inline-block这个东东有段时间了

现在发现有很多网站都用它来布局

或许比浮动布局好,习惯就是好的,但此布局有个块之间的间隔问题

有人提到用 letter-spacing 来解决:

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

如果让元素布局选一个自己拿手的才最好,个人见解

以下是布局的相关代码:

<style>
    li
{
        display
:inline-block;
        _display
:inline;/*对付IE用*/
        +display
:inline;/*对付IE用*/
        zoom
:1;/*对付IE用*/
        width
:100px;
        border
:1px solid #000;
        vertical-aligntop;/*元素顶部对其*/

        /*其他去间隔等等代码*/}</style>
<ul>
    <li>a</li>
    <li>a</li>
    <li>a</li>
</ul>

 

 

 

posted @ 2012-07-31 20:28  liushan  阅读(204)  评论(0)    收藏  举报