css3怎么实现强制不换行


本文摘自PHP中文网,作者藏色散人,侵删。

css3实现强制不换行的方法:首先创建一个HTML示例文件;然后创建一个p标签;最后通过设置“white-space:nowrap;”样式实现强制不换行即可。

本文操作环境:windows7系统、CSS3版、Dell G3电脑。

css实现强制不换行/自动换行/强制换行

在我们日常的编码中经常会遇到这段文字不可以换行,或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧(至少小月是很懒惰的从来是用什么查什么 嘻嘻。。。)。今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/自动换行/强制换行的方法。需要的伙伴们可以来一起学习哦!

  • 强制不换行

1

2

3

p{

    white-space:nowrap;

}

  • 自动换行

1

2

3

4

p{

    word-wrap: break-word;

    word-break: normal;

}

  • 强制英文单词断行

1

2

3

p{

   word-break:break-all;

}

阅读剩余部分

相关阅读 >>

animation-delay属性怎么用

css如何使用计数器给元素自动编号?css计数器的使用(代码示例)

你值得了解的一种css获取图片主题色的小技巧(分享)

CSS3 menu怎么用

CSS3中text-shadow实现文字阴影效果(代码实例 )

CSS3怎么将滚动条隐藏

CSS3实现信纸/同学录效果(代码示例)

animation-direction属性怎么用

CSS3新特性有哪些

CSS3 扇形怎么画

更多相关阅读请进入《CSS3》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...