内联元素内的块级元素

时间:2009-11-11 09:42:24

标签: html css xhtml standards

W3C Validator告诉我,我不能将块级元素放在内联元素中。有道理......

但是如果我使用CSS将块级元素更改为内联元素呢?

如果我使用CSS将内联元素转换为块级元素(当在另一个内联元素中时),该怎么办?

验证者显然没有明白这一点,但是错了吗?

(我实际上并没有这样做,我只是想知道最佳实践)

2 个答案:

答案 0 :(得分:8)

HTML规范中定义为块元素的元素与CSS中定义为display: block;的元素不同。

我的意思是:即使你说<p style="display: inline;">Lorem...</p><p>仍然是HTML眼中的一个块元素。

HTML,CSS和JavaScript,如果正确使用,据说彼此有loose coupling,并且一个不应该依赖另一个,并且缺少一个不应该使其他人(或系统整体)失败。

答案 1 :(得分:3)

内联元素的元素不应包含块元素。块元素可以包含块和/或内联元素,而内联元素只能包含其他内联(包括inline-block,例如<img>)元素。

你当然可以这样做,因为图形表示在浏览器中会非常一致。它仍然不是我推荐的东西,也不能真正想到这样做的原因。