[Quicky] block 和 inline 答案揭晓~ 另付一则，关于 word-break

Hi hi, 大家好~ 过了短短的一天我们又见面了哟~

在昨天的文章，《 [Quicky] block 和 inline 的区别是？》里，我给大家留了个问题——LI 元素到底是block level 的，还是 inline的？现在让我们来揭晓答案吧——

当当~ 恭喜Duron800同学~ 答对了哟~ 撒花~~

的确，LI 元素既不是 block level, 也不是 inline 的，因为 BODY 元素不能包含 LI 。LI 只能被 OL, UL, DIR 和MENU 这几个元素包含。其中后两个元素已经不被推荐使用了，常用的只有前两个。至于显示上，一个LI 元素默认的 display 属性一般都是 list-item (在比较旧的IE上是block)，一般会被呈现成两个block box (一个是LI 的内容，一个是LI 前面的记号，比如一个小点，或者阿拉伯数字什么的)。

同样道理，DT, DD 这样的标签，因为不能被 BODY 包含，所以也会处于这种两者都不在的状态，真可怜

另外讲个今天发现的，关于 word-break: break-all 的小故事。请大家先看代码——

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>word-break: break-all demo</title>

    <style type="text/css" media="screen">

    p {

        border: 1px solid #000;

        width: 100px;

        margin: 20px;

        padding: 20px;

        font-size: 14px;

        word-break: break-all;

    }

    </style>

    </head>

    <body>

    <!-- 首先说一下，这个演示要在IE6或IE7下看哟 =v= -->

    <!-- 正常的word-break -->

    <p>MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</p>

    <!-- 遇到某些标点符号就失效了 =v= -->

    <p>?????????????????????????????????????????????????????????????????????????????????????????????????</p>

    </body>

    </html>