最近遇到了一个问题，在div布局时，里面的文字内容字数不固定，少的时候还行，没啥问题，但是文字多了div就会被撑大，太影响效果了，目前有两种方案可以解决这个问题。
max-width
max-width: 300px;
word-wrap: break-word;
这种方案不好的地方在于你并不知道max-width该设置多少，即使你计算出来了，那万一界面大小变了呢，又得重新计算，比较麻烦
fit-content
width:fit-content;
width:-webkit-fit-content;
width:-moz-fit-content;
目前第二种方案表现良好，还没有出现异常
最近遇到了一个问题，在div布局时，里面的文字内容字数不固定，少的时候还行，没啥问题，但是文字多了div就会被撑大...
问题描述：1.上下div,上div高度自适应，要求下面的div高度自适应/下div超出高度显示滚动条2.当浏览器窗...
为了实现上面这个效果，完整版代码如下： div默认宽度全屏，高度自适应（根据里面内容的高度），如果定义了div高度...
1. 实现1:1的div 宽度自适应, 高度为0padding-top: 100%; 2. 文字两端对齐: 将文字...
外层div使用position：relative；高度要求自适应的div使用position: absolute;...
如何使用div在屏幕里居中,div里的文字也居中. 使用实例:
我们可以使用float将div的宽度设为内容自适应==> 简单点说，就是达到类似span的效果实例：实现图片标题居中：
div 设置自适应高度 ,height: 100vh
1、左右布局 左侧 div 固定，右侧 div 自适应宽度，填充满剩余页面 ①左侧 div 设置float属性为l...
第一三步xib根据文字内容自适应改变父视图 宽度 第二三步xib根据文字内容自适应改变父视图 宽高度 第一步：...
本文标题：div如何自适应文字内容
本文链接：https://www.haomeiwen.com/subject/wtnxqftx.html
网友评论