css怎么控制p標(biāo)簽?
p標(biāo)簽是塊級(jí)元素,會(huì)獨(dú)占一行。如果我們想要設(shè)置兩個(gè)p標(biāo)簽在同一行該如何設(shè)置呢?下面我們來(lái)看一下使用css設(shè)置p標(biāo)簽不換行的方法。
默認(rèn)情況下p標(biāo)簽會(huì)自動(dòng)換行的,下面我們來(lái)看一下使用css設(shè)置p標(biāo)簽不換行的方法:示例
css代碼p{display: inline;}
HTML代碼
aaa
bbb
我們使用了display:inline樣式使p標(biāo)簽不換行。
display樣式介紹:
display 屬性規(guī)定元素應(yīng)該生成的框的類(lèi)型。
這個(gè)屬性用于定義建立布局時(shí)元素生成的顯示框類(lèi)型。對(duì)于 HTML 等文檔類(lèi)型,如果使用 display 不謹(jǐn)慎會(huì)很危險(xiǎn),因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對(duì)于 XML,由于 XML 沒(méi)有內(nèi)置的這種層次結(jié)構(gòu),所有 display 是絕對(duì)必要的。