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

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

2014-07-15来源：

1.用标签实现不换行

代码如下:

Hello world！ Hello world!

2.用<用nowrap元素>标签

代码如下:

Hello world! Hello world! Hello world! Hello world!

3强制不换行

代码如下:

div{

white-space:nowrap;

}

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

代码如下:

div class="class1">hello

world!

.class1 {float:left;}

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

代码如下:

hello

world!

.class1 {display:inline;}

.class2{display:inline;}

更多信息请查看IT技术专栏

推荐信息

使用CSS制作立体导航栏

用纯CSS3实现网页中常见的小箭头

有关HTML5中背景音乐的自动播放功能

HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

html5实现图片转圈的动画效果——让页面动起来

html5清空画布方法(三种)

HTML实现移动端固定悬浮半透明搜索框

HTML5 文件域+FileReader 分段读取文件并上传到服务器

Dreamweaver怎么设计彩色边框的表格?

Dreamweaver怎么给个人简历添加照片并排版?

基于HTML5的WebGL实现json和echarts图表展现在同一个界面

解决HTML5手机端页面缩放的问题

利用纯CSS实现居中的七大方法示例

CSS3中伪元素::before和::after的用法示例

详解使用 CSS 的 font-size-adjust 属性改善网页排版

HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)

css3 pointer-events 介绍详解

CSS :focus-within的具体使用

你所不知道的 CSS 动画技巧与细节

详解CSS3选择器:nth-child和:nth-of-type之间的差异