sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > html中div不自动换行、强制不换行的具体实现方法

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

作者:xuhongji发布时间:2020-09-08分类:Html浏览:195评论:0


导读:本文为大家介绍下html中p不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,感兴趣的朋友可以参考下1.用标签实现不换行代码...
本文为大家介绍下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中p不自动换行、强制不换行的具体实现方法相关文章请关注PHP知识网!


欢迎 发表评论:

Html排行
«   2021年1月   »
123
45678910
11121314151617
18192021222324
25262728293031
标签列表
网站分类
文章归档
最近发表
推荐文章