`
jetway
  • 浏览: 474646 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

DIV强制不换行

 
阅读更多

DIV强制不换行 (2008-06-04 16:51:03)转载▼

标签： 杂谈

 引自：http://www.21ido.com/blog/post/59.html

让DIV不换行

 

 

一，单个DIV：

1.用nobr元素

Code: 

<html>

<head>

</head>

<body>

<div><nobr>不换行不换行<nobr></div>

</body>

</html>

 

 

2.用nowrap元素

Code: 

<html>

<head>

</head>

<body>

<div nowrap>div不换行div不换行div不换行</div>

</body>

</html>

 

 

二，两个DIV

1. 用CSS里的float属性

Code: 

<html>

<head>

<style type="text/css">

div#row1 { float: left; color: blue; }

div#row2 { color: red }

</style>

</head>

<body>

<div id="row1">第一个div</div>

<div id="row2">第二个div不换行</div>

</body>

</html>

 

 

2. 用CSS里的diplay属性

Code: 

<html>

<head>

<title>CSS中的不换行</title>

<style type="text/css">

div#row1 { color: blue;display: inline }

div#row2 { color: red;display: inline }

</style>

</head>

<body>

<div id="row1">第一个div</div>

<div id="row2">第二个div不要换行</div>

</body>

</html>

 java -cp xxx.jar MainClass
 
分享到：
| Apache + Tomcat集群配置详解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    1.用标签实现不换行 ...3强制不换行 复制代码代码如下: div{ white-space:nowrap; } 4.如果是两个div，可使用float实现不换行 复制代码代码如下: &lt;div class=”class1″&gt;hello &lt;/div&gt; &lt;div cla

    兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.

    兼容多浏览器的强制不换行的CSS，主要以DIV为列子，分析个浏览器的解析特性

    html中的div、td 、p 等容器内强制换行和不换行的实现

    1、强制不换行，同时以省略号结尾。 复制代码代码如下: &lt;div xss=removed&gt; 你好朋友朋友朋友我为什么不能看到效果啊 &lt;/div&gt; 2、css自动换行 复制代码代码如下: div{ word-wrap: break-word; word-break: normal; ...

    CSS对表格单元格强制换行和不换行

    CSS控制Table单元格强制换行与强制不换行 　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个...

    css是如何实现在页面文字不换行、自动换行、强制换行的方法

    本文介绍了css是如何实现在页面文字不换行、自动换行、强制换行的方法,分享给大家，具体如下： 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词...

    CSS 之强制换行技巧

    对于div 1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px;...效果：可以实现换行 2.（Firefox浏览器）white-space:normal; wor

    基于javascript的在火狐里面强制换行字符

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]CSS控制强制换行/强制换行 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break...

    CSS强制换行对齐的实现方法

    用CSS控制中英文字符强制换行并两端对齐，有效避免DIV的内容超出范围而改变网页布局，强制换行的功能很实用。 复制代码代码如下:&lt;html&gt;&lt;head&gt;&lt;title&gt;CSS强制换行对齐&lt;/title&gt;&lt;/head&gt;&...

    CSS强制性换行的方法区别详解

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-...

    css自动换行 防止撑破div影响排版

    对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html&lt; id&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;...

    css中强制换行word-break、word-wrap、white-space区别实例说明

    复制代码代码如下:&lt;div class=”c1″&gt;safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj&lt;/div&gt;&lt;div class=c1&gt;This is all English. This is all English. This is all English.&lt;/div&gt;&lt;div class=c1&gt;全是中文的...

    对于div,p等块级元素css如何实现自动换行

    复制代码代码如下: &lt;div id=”wrap”&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt; css 复制代码代码如下: #wrap{white-space:normal; width:200px; } 1.（IE浏览器）...

    浅析css html span 块状不换行问题

    如果设置display:block，width属性生效，但是此时的span跟div一样了。 如果设置display:inline-block，则span并列在同行，而且width属性生效。 元素display属性的常见值说明： block：块对象的默认值。将对象强制...

    css之自动换行实现代码

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...

    CSS实现连续数字和英文的自动换行的方法

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行： html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:...

    CSS 数字和字母将容器撑大问题解决

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...

    h5记录

    强制换行 br 列表：无序列表 ul li 有序列表 ol li type属性 type=”A”；start开始=”3″,自定义 di dt dd 图片 img (src 写路径，alt=”我是文字”，图片加载不出来的时候 ，title 鼠标悬停时侯的信息) 超链接 ：...

Magicbox
Global site tag (gtag.js) - Google Analytics