DIV CSS内放长英文字母或长数字自动换行 CSS一行排不下自动打断换行

发表于2018-01-17 16:06:00来源于创想网页设计工作室

次点击[大] [中] [小] [打印] [关闭窗口] [评论]

网络瘫痪上不了网？电脑出故障？找破解软件？加入创想工作室QQ群，向大神求助，一步解决问题！QQ群号码：326338868。[点此获取更多QQ群]

在div css布局中，遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。这里DIVCSS5为大家介绍使用css样式简单实现DIV内放字母英文或数字自动换行。

当然中文字在DIV或任意盒子中均会自动换行不需要CSS样式实现，只有连续的字母或数字会出现不自动换行问题，所以需要CSS解决。

但通常很少出现在一个盒子里一排排不完的连续不断的字母或数字，当然出现就可以使用以下CSS DIV教程来解决。

CSS解决

word-wrap:break-word

解释：使用break-word时，是将强制换行。

兼容各版本IE浏览器，兼容谷歌浏览器。

完整HTML+CSS代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>DIVCSS5 CSS英文自动换行在线实例</title>

<style>

.divcss5{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word}

</style>

</head>

<body>

<div class="divcss5">

aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj<br />

138787843748927493274392749327493

</div>

</body>

</html>

相关热词搜索：自动换行 DIV CSS 网页设计 word-wrap break-word

上一篇：去掉chrome浏览器下input以及textarea获焦后边框发光

下一篇：CSS3：box-sizing: border-box;的作用