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

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

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

程式碼如下:

Hello world! Hello world!

2.用<用nowrap元素>标签
登入後複製

程式碼如下:

Hello world! Hello world! Hello world! Hello world!

登入後複製


3強制不換行

程式碼如下:

p{ white-space:nowrap; }
登入後複製


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

程式碼如下:

hello

world!

.class1 {float:left;}
登入後複製


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

程式碼如下:

hello

world!

.class1 {display:inline;} .class2{display:inline;}
登入後複製

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

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