css - 显示:inline-block in <p> and <div>

标签 css

我用 display:inline-block 放置了一个 div里面 <p></p> 。 div 清除左侧。但如果我把它放在 <div></div> 中,它遵循流程。

fiddle :http://jsfiddle.net/jDBxN/

有人知道为什么吗?如何制作<p>inline-block行为与 <div> 相同?

浏览器是 Chrome 29

最佳答案

您的 HTML 无效,您不能在 p 标记内嵌套 block 级元素,请考虑使用 span 代替

Demo

如果你愿意,你也可以在 div 中嵌套一个 p 标签,但文本会失去它的含义,所以最好使用 p 和将 span 嵌套在 p 内。

来自规范:Resource

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

关于css - 显示:inline-block in <p> and <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18829104/

相关文章:

html - 调整浏览器大小时如何阻止单页站点自动滚动?

javascript - JS用动画改变源图像

固定位置前的 CSS

html - 外部元素的边框会影响内部元素的边距如何显示,为什么?

html - 文本字段填满剩余的水平空间

jquery - Bootstrap 轮播一键移动单个元素

css - 添加 :last-child or :last-of-type to nav menu

javascript - 如何在窗口调整大小时取消 Jquery 函数?

java - 在 Java 中使用 Regex 到 "transform"html 标签样式中的 css 样式

jquery - 基于移动浏览器和桌面浏览器隐藏和显示一个div