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

作者：棕熊来源：棕熊@Think Fast 时间：2009-12-08 13:06:00　

在昨天的文章，《 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> <p>MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</p> <p>?????????????????????????????????????????????????????????????????????????????????????????????????</p> </body></html>

立即运行这个demo (记得要用IE哟=v=)

看见了吧，IE 在两个连续的标点之间，是不会正确的呈现break-all 的