源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 实现div不自动换行的简单有效的办法 [打印本页]

作者: 洪七公 时间: 2023-9-3 21:04
标题: 实现div不自动换行的简单有效的办法
下面介绍三种方式：

1、浮动

为你的每个DIV设置左浮动即可

<div style="float:left"></div>

2..设置为行标签

<div style="display:inline"></div>

3.设置为行标签，但是具备块标签的属性

<div style="display:inline-block"></div>

扩展：

div内的文本不换行：

添加属性：

white-space: nowrap;

欢迎光临源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)