主页 > 知识库 > html中div不自动换行、强制不换行的具体实现

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

热门标签:锦州企业外呼系统 最简单的百度地图标注店铺 水经注万能地图标注 AI外呼系统 价格 梧州地图标注app 禹州电话外呼系统 青海保险智能外呼系统商家 新乡机器人外呼系统 营口400电话申请
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;}

标签:怀化 哈密 山南 潮州 青岛 延边 荆门 昭通

巨人网络通讯声明:本文标题《html中div不自动换行、强制不换行的具体实现》,本文关键词  html,中,div,不,自动,换行,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《html中div不自动换行、强制不换行的具体实现》相关的同类信息!
  • 本页收集关于html中div不自动换行、强制不换行的具体实现的相关信息资讯供网民参考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章