在CSS中,run-in是一個用于控制文本流動的屬性,可以讓某些元素像文本一樣行進到下一行。
.run-in{ display: run-in; }
上面的代碼定義了一個類名為run-in的元素,將其設(shè)置為display: run-in;,就可以讓此元素像文本一樣行進到下一行。
通常,run-in的使用場景是在標題和正文之間,例如:
這是一個標題
這是標題后面緊接的一段文本,因為設(shè)置了run-in屬性,所以它和標題是連續(xù)的。
這是標題下面的文本。
在上面的代碼中,我們給第二個p元素添加了run-in類名,這樣它就會像文本一樣行進到下一行,緊接在標題后面。
需要注意的是,run-in屬性只適用于某些元素,包括h1-h6、p、dt、dd、menu、button等,而且要求前面必須有塊級元素作為包裹(比如說div)。
總的來說,run-in屬性是一個比較少用到的屬性,但是在某些情況下,能夠非常方便地控制文本流動,使頁面的布局更加靈活。
上一篇css透明邊線