word-wrap怎么自动换行？css强行自动换行教程

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>css强制换行</title>

<style>

.bos{ width:200px; height:80px; border:1px solid #F00; word-wrap: break-word; }

</style>

</head>

<body>

<p class="bos">83480348023802ufjflsjfds843820483048jfdljfsl</p>

</body>

</html>

显示效果如下：

微信截图_20181122143819.png

设置class=bos对象宽度，边框，里面放入连续不断文字和数字内容。如果不设置word-wrap: break-word可以浏览器中观察连续数字内容不换行超出溢出盒子。

这里给予对象设置word-wrap: break-word强制换行样式。

以前老IE浏览器比如IE6不支持，但现在大部分都是有谷歌浏览器，随电脑系统升级都使用更高IE浏览器，或其它品牌浏览器，所以大部分都兼容此css自动换行属性word-wrap样式，大家可以放心使用。

以上就是对word-wrap怎么自动换行？css强行自动换行教程的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。

以上就是word-wrap怎么自动换行？css强行自动换行教程的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

非常不错的svg教程

总结html5中新表单元素的使用方法及实例教程

html 简介

html5 canvas的绘制文本自动换行的示例代码

关于canvas的一个实例教程--刮刮乐

dw查看文件头部信息的教程

分享webpack实例教程

后盾网html5视频教程

html5 中的一些有趣的新特性

移动端开发教程之像素的显示问题汇总_心得技巧_网页制作

更多相关阅读请进入《word-wrap》频道 >>




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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