css的word-wrap怎么用

这篇文章主要介绍“css的word-wrap怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css的word-wrap怎么用”文章能帮助大家解决问题。

站在用户的角度思考问题，与客户深入沟通，找到东安网站设计与东安网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、虚拟主机、企业邮箱。业务覆盖东安地区。

一、word-wrap引见

word-wrap是设置对象内文字碰到对象顶边时是否采取换行排版组织。

1、语法
word-wrap:normal—— 应允模式顶开指定的容器边疆，碰到一连没有空格英文或没有空格数字不换行(默认，不设置对象也具有默认格式)
word-wrap:break-word —— 内容将在腹地内换行，当形式太多顶到对象鸿沟时，模式积极自愿换行。

2、思空见贯情况
对象内接连数字或字母太多后，内容顶边对象容器后不会换行，而是溢出持续不换行闪现。与汉字或有空格差异，汉字会定格容器要地本地会积极换行。

css的word-wrap怎么用

连气儿数字或字母造成不被动换行

3、应用语法
p{word-wrap:break-word}
配置html段落p内笔墨顶格对象容器边际被动换行。

二、被动换行word-wrap属性实例教程

1、代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css逼迫换行 CSS5实例</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>

配置class=bos对象宽度，边框，里面放入接连不时文字和数字形式。如果不配置word-wrap: break-word大要涉猎器中考察到本教程文章一初阶的第一张图看到连续数字模式不换行超过跨过溢出盒子。

这里给予对象配置word-wrap: break-word勒迫换行花色。

关于“css的word-wrap怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

文章名称：css的word-wrap怎么用
地址分享：https://www.cdcxhl.com/article28/pdgjjp.html

成都网站建设公司_创新互联，为您提供品牌网站建设、网页设计公司、定制开发、响应式网站、服务器托管、搜索引擎优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容