CSS强制换行与强制不换行

猫性男孩 · 发表于 2013-3-15 11:17:22

在做网站的过程中，常用要对一些内容强制换行，有时又需要对一些元素强制不换行

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#layout { width:300px; height:200px; margin:0 auto; background:#ddd;word-break:break-all;}
#layout a {word-break:keep-all;white-space:nowrap;}
</style>
</head>
<body>
<div id="layout"><a href="#">这是第一块内容</a>　<a href="#">这里第二块内容</a>　<a href="#">这是第三块内容</a></div>
</body>
</html>

		自动登录	找回密码
密码			立即注册

[分享] CSS强制换行与强制不换行

站长推荐 /1