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

高洛峰
發布: 2017-03-07 11:18:25
原創
2813 人瀏覽過

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

程式碼如下:

<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中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!