Rumah > hujung hadapan web > html tutorial > html中div不自动换行、强制不换行的具体实现方法

html中div不自动换行、强制不换行的具体实现方法

高洛峰
Lepaskan: 2017-03-07 11:18:25
asal
2840 orang telah melayarinya

本文为大家介绍下html 中p不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,感兴趣的朋友可以参考下 1.用标签实现不换行

代码如下:

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

代码如下:

<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>
Salin selepas log masuk


3强制不换行

代码如下:

p{ 
white-space:nowrap; 
}
Salin selepas log masuk


4.如果是两个p,可使用float实现不换行

代码如下:

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


5.在p中也可使用display实现不换行

代码如下:

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

更多html中div不自动换行、强制不换行的具体实现方法相关文章请关注PHP中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan