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;

}

阅读剩余部分

相关阅读 >>

CSS3混合模式使用详解

关于老式浏览器兼容html5和CSS3的问题详解

彻底理解css中视觉格式化模型(附示例)

CSS3新增伪类有哪些

CSS3实现一个奥运五环

ie7兼容CSS3吗?

CSS3的含义是什么

CSS3怎么将滚动条隐藏

CSS3 menu怎么用

什么是CSS3

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




打赏

取消

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

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

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

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

评论

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