↓↓选择一款你喜欢的背景皮肤吧!↓↓
{WEB前端技术分享,APP开发,PHP编程学习}
CSS控制:自动换行/禁止换行
代码展示:
<style type="text/css"> *{margin:0;padding:0;} body{ font:12px/20px Tahoma, Geneva, sans-serif;padding:100px 200px;} ul li{ list-style:none;} img {border:0 none;} </style> <h1>CSS控制:自动换行/禁止换行</h1> <div style="width:150px;margin-bottom:5px;padding:0 5px; border:1px red solid;">1、正常状态下 中文 english 只要定义了宽度width都能自动换行,不用另外控制加代码!</div> <div style="width:150px;margin-bottom:5px;padding:0 5px; border:1px red solid; white-space:nowrap;">2、禁止自动换行用white-space:nowrap 控制,用<br/>可再实现换行如:<br />,该属性会使padding-right值失效! </div> <div style="width:150px;margin-bottom:5px;padding:0 5px; border:1px red solid; word-wrap:break-word;">3、不带空格的数字或英文字母连续出现,会导致自动换行失效,用word-wrap:break-word 可实现<strong>到达边界时</strong>自动换行!如:sdfasdfsdfsdflkadsflkdsfjasldkfs4124123412lkjskdafsk4123432423423 </div>
提示:你可以先修改部分代码再运行。
如果你觉得本站文章不错,阅读完有所收获,欢迎捐赠赞助:
(*必填)
(选填)
[ 请确保填写正确的邮箱地址,您的留言审核通过会收到邮件通知! ]
[请申请gravatar头像,木有头像的评论可能不会被回复]
【查看更多】提示:发表说说,请登录
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}