当前位置：主页 > 查看内容

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

发布时间：2021-05-28 00:00| 有 位朋友查看

简介：1.用nobr标签实现不换行 复制代码 代码如下: divHello world！nobr Hello world!nobr/div 2.用用nowrap元素标签 复制代码 代码如下: div nowrapHello world! Hello world! Hello world! Hello world!/div 3强制不换行 复制代码 代码如下: div{ white-space:no……
1.用<nobr>标签实现不换行

复制代码
代码如下:

<div>Hello world！<nobr> Hello world!<nobr></div>

2.用<用nowrap元素>标签

复制代码
代码如下:

<div nowrap>Hello world! Hello world! Hello world! Hello world!</div>

3强制不换行

复制代码
代码如下:

div{
white-space:nowrap;
}

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

复制代码
代码如下:

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

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

复制代码
代码如下:

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

原文链接：https://m.jb51.net/web/134082.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：HTML 链接锚标签及其在SEO中的作用介绍 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐