CSS3中的display:inline屬性是指讓元素成為行內元素。
行內元素是指那些默認情況下不會開啟新行的元素,比如a、img、span、input等。在默認情況下,這些元素會像文字一樣排列在一行中。
a { display: inline; }
當我們設置一個塊級元素為display:inline時,它也會變成行內元素。比如下面的例子中,一個div元素被設置為了行內元素,因此它的寬度和高度都對內容寬度和內容高度進行計算。
div { display: inline; }
需要注意的是,在設置元素為行內元素時,它將不再具有塊級元素的特點,比如寬度、高度、內邊距、外邊距和文本對齊等。但是,可以使用vertical-align屬性來設置行內元素的垂直對齊方式。
p { display: inline; vertical-align: middle; }
最后需要提醒的是,在實際的開發中,我們一般使用display:block和display:inline-block來控制元素的布局方式,而使用display:inline則相對較少。