CSS中如何让盒子里的文字自动换行

在css中，可以使用“word-wrap”属性设置自动换行，语法“word-wrap:break-word”。word-wrap属性设置长内容的换行方式，当值为“break-word”时，会在长单词或URL地址内部进行自动换行。

解决方法：

word-wrap:break-word

完整代码：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style>.p{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word} </style></head><body><div class="p">aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj<br />138787843748927493274392749327493</div></body></html>

CSS中如何让盒子里的文字自动换行相关推荐

Css中实现一个盒子固定宽度，另一个盒子宽度自适应的方法
Css中实现一个盒子固定宽度,另一个盒子宽度自适应的方法网上方法很多,个人认为以下两种思想是最为常用的. 一种是让第一个盒子脱离文档流,第二个盒子离左边有一定距离. 第二种方法是使用flex布局,不 ...
CSS中的标准盒子模型和怪异盒子模型
一.什么是盒子模型(Box Model) 盒子想必大家都是知道的吧! 生活中我们的快递有盒子包装着,买的蛋糕也是有盒子包装着,我们的礼品也是被盒子包装着. 模型是什么呢? 它是主观意识借助实体或者虚拟 ...
[实用文档]将PPT中所有文本框里的文字提取出来
将PPT中所有文本框里的文字提取出来打开PPT,按ALT+F11打开VBA编辑器,在左面的工程视图里点击右键,选择插入->模块,添加一个模块,名字都不用改. 然后点击顶部的"工具&q ...
Python将PPT中所有文本框里的文字提取出来
Python将PPT中所有文本框里的文字提取出来我用了正则表达式,理论上用用可以解析xml格式的都可以,如Beautiful,pandas等. 直接上代码 import os import re s ...
如何将盒子里的文字水平居中和垂直居中
1. 将文字水平居中,只需要在盒子里添加 text-align: center就可以了. <style>div{text-align: center;}</style>< ...
CSS圆角边框、盒子阴影及文字阴影详解
文章目录 1. 圆角边框 2. 盒子阴影 3. 文字阴影 1. 圆角边框在CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了. border-radius 属性用于设置元素的外边框圆角. ...
CSS圆角边框、盒子阴影、文字阴影（01-07课）
01.综合案例-快报模块布局分析 1.大盒子div 2.分2个小盒子(上盒子为标题h,下盒子为列表(无序列表)) 02.03.04.综合案例-快报制作 1.头部制作 2.快报模块列表制作代码: &l ...
html5两个标签重叠,css中两个盒子如何重叠？
如果想要实现两个盒子重叠,并且要让它们按照我们所想的重叠顺序,需要CSS的绝对定位来实现,下面就来给大家说一下重叠样式的的CSS实现方法. css可以通过对两个盒子进行定位,使两个盒子在页面同一位置显 ...
html弹性布局两盒,CSS中的弹性盒子总结
事实上它是一种新类型的盒子模型,也有书上称作弹性伸缩盒布局. 比较新的布局方式:旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即使它们的大小是未知或者动态变化的. 弹性布局的主要思 ...

CSS中如何让盒子里的文字自动换行

CSS中如何让盒子里的文字自动换行相关推荐

最新文章

热门文章