最近遇到了一个问题,在div布局时,里面的文字内容字数不固定,少的时候还行,没啥问题,但是文字多了div就会被撑大,太影响效果了,目前有两种方案可以解决这个问题。
- 添加
max-width
max-width: 300px;
word-wrap: break-word;
这种方案不好的地方在于你并不知道max-width该设置多少,即使你计算出来了,那万一界面大小变了呢,又得重新计算,比较麻烦
- 使用css3的
fit-content
width:fit-content;
width:-webkit-fit-content;
width:-moz-fit-content;
目前第二种方案表现良好,还没有出现异常