如何實現(xiàn)讓兩個DIV橫向排列,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)于2013年開始,先為河池等服務(wù)建站,河池等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為河池企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
如何定義讓兩個DIV橫向排列
兩個DIV橫向排列方法一:
一般情況,默認的DIV是寫一個換一行,那么如何定義兩個DIV橫向排列而不換行呢?
DIV默認的display屬性是block。所以每一個DIV都是新的一行,現(xiàn)在把display換成inline就不會換新行了。
< div styledivstyle="background-color:#ff0000;display:inline;">aaa
兩個DIV橫向排列方法二:
這里使用float:right屬性。float做為CSS中的一個屬性定義元素向哪個方向浮動。float:right文本或圖像會移至父元素中的右側(cè)。
注意有寫情況float屬性必須配合width使用,否則失效。
閱讀次數(shù):9999
height:24px;和line-height:24px;高度一致,文字垂直居中。
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。