是否有关于"何时使用显示:阻止时:内联和何时:内联阻止"的指南以及为什么?

Jit*_*yas 8 css xhtml semantic-markup

你知道的"何时使用任何一篇好文章display:block的时候:inline,当:inline-block"为什么?

当我们必须覆盖显示时:?? 通过css获取任何HTML标签/元素?

Eri*_*ric 14

inline - 将元素视为内联文本块.width并且height毫无意义

block - 将元素视为矩形.width并且height可以指定

inline-block- 使元素与文本内联,但允许widthheight指定.

无论如何,元素默认为其中之一.例如:

<span>,<em>,<strong>- >inline

<div>,<p>- >block


War*_*mak 5

quirksmode.org对截图有很好的解释:

http://www.quirksmode.org/css/display.html


Dis*_*oat 5

块和内联的用例非常明显。如果要将样式应用于短文本(例如几个单词),请使用内联,并为具有宽度/高度的矩形区域使用块。

至于内联块,它自然用于图像。当你想让小块像普通文本一样从左到右、从上到下流动,但仍然像块一样时,它很有用。

注意:在 90% 的情况下,您不需要指定display属性,只需将适当的元素与类一起使用,例如<strong><em>用于内联,<div><p>用于块。它发挥作用的主要方式是在使用 Javascript 隐藏内容时,您只需要将元素恢复为其原始/自然显示属性。

  • 对于不知道其含义的人(例如OP)来说,用例实际上并不是很明显。iiwm,我会编辑第一句话 (2认同)