CSS控制字数小技巧

0

<center>
强制不换行,控制宽度
<br>

<div style=”width:100px;overflow: hidden; word-break:keep-all;white-space:nowrap;background:cyan;” >
一书生新婚之夜只顾自己读书,不于新娘行房事。
</div>

<br><br>
自动换行,控制高度和宽度
<br>

<div style=”width:100px;overflow: hidden;background:gold;height:100px;” >
新娘耐不住寂寞,便上前挑斗书生。

书生却一本正经的说:“你我父辈乃甚世之交(只不过是好友罢了),我决不会于你做出这等苟且之事!!!”

新娘又好气又好笑,只好自己躺在床上自慰。朦胧之中见自己夫君的一只手伸了过来,大喜之时急忙闭上双眼等待好事的发生。

但过了半天也不见动静,睁开眼睛却发现书生依旧在看书。新娘奇怪的问:“你刚才………”

书生赶紧为自己解释:“我用口水翻书看了半天,早已口干舌燥;见你这里水源丰富,于是借你的一用………” </td>
</div>
</center>

发表评论

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...