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中媒体查询的语法组成是什么

CSS3二级导航菜单制作步骤详解

CSS3选择器:read-write和:read-only是什么?如何使用?

CSS3 教程

animation-duration属性有什么用

CSS3中怎么调节透明度

通过代码示例,了解CSS3+javascript按钮水波纹效果

vs2010 如何支持CSS3

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

CSS3 sticky不生效怎么办

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




打赏

取消

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

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

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

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

评论

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