CSS论坛's Archiver

red521 发表于 2010-11-6 19:53

[已解决]连续的数字 字母怎样自动换行

这个问题我研究很久一直没成果 来论坛求助 知道的把代码给我分享一下谢谢了

[[i] 本帖最后由 黑色苹果 于 2010-11-8 10:00 编辑 [/i]]

liuyanhe 发表于 2010-11-6 20:30

这个问题很简单 只需对该对象加入word-wrap:break-word;即可
break-word : 内容将在边界内换行。

如.div{word-wrap:break-word; width:100px;}

red521 发表于 2010-11-6 23:25

[quote]原帖由 [i]liuyanhe[/i] 于 2010-11-6 20:30 发表 [url=http://www.divcss5.com/bbs/redirect.php?goto=findpost&pid=139&ptid=100][img]http://www.divcss5.com/bbs/images/common/back.gif[/img][/url]
这个问题很简单 只需对该对象加入word-wrap:break-word;即可
break-word : 内容将在边界内换行。

如.div{word-wrap:break-word; width:100px;} [/quote]
下面这个代码该怎样加
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>CSS 高度实例</title>
<style>
.yangshi{ min-height:50px; _height:50px;width:150px;border:1px solid #666;}
.div{word-wrap:break-word; width:100px;}
</style>
</head>
<body>
<div class="yangshi">www.divcss5.com演示,内容
测试内容高度超出演示实例测试内容测试内容高度超出演示实例高度超出演示实例,divcss5实例 </div>
</body>
</html>
先谢谢楼上的

red521 发表于 2010-11-6 23:36

谢谢楼上的我会了 感谢!!!!!!!!!!!!!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>CSS 高度实例</title>
<style>
.yangshi{ word-wrap:break-word;  min-height:50px; _height:50px;width:150px;border:1px solid #666;}

</style>
</head>
<body>
<div class="yangshi">nihaiiaidj1111111111111111111111111111112</div>
</body>
</html>

liuyanhe 发表于 2010-11-6 23:37

:handshake :handshake
不错

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.