首頁  >  文章  >  web前端  >  html中div不自動換行、強制不換行的具體實作方法

html中div不自動換行、強制不換行的具體實作方法

高洛峰
高洛峰原創
2017-03-07 11:18:252775瀏覽

本文為大家介紹下html 中p不自動換行的多種實現,如可以使用nobr標籤實現不換行,用nowrap元素等等,有興趣的朋友可以參考下 1.用f44a345470ed5309298c118c07c6efac標籤實作不換行

程式碼如下:

<p>Hello world!<nobr> Hello world!<nobr></p> 
2.用<用nowrap元素>标签

程式碼如下:

<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>


3強制不換行

程式碼如下:

p{ 
white-space:nowrap; 
}


4.如果是兩個p,可使用float實作不換行

程式碼如下:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {float:left;}


5.在p中也可使用display實作不換行

程式碼如下:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {display:inline;} 
.class2{display:inline;}

更多html中div不自動換行、強制不換行的具體實作方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn