div如何自适应文字内容

最近遇到了一个问题,在div布局时,里面的文字内容字数不固定,少的时候还行,没啥问题,但是文字多了div就会被撑大,太影响效果了,目前有两种方案可以解决这个问题。

  1. 添加max-width
max-width: 300px;
word-wrap: break-word;

这种方案不好的地方在于你并不知道max-width该设置多少,即使你计算出来了,那万一界面大小变了呢,又得重新计算,比较麻烦

  1. 使用css3的fit-content
width:fit-content;
width:-webkit-fit-content;
width:-moz-fit-content;

目前第二种方案表现良好,还没有出现异常

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,805评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,337评论 0 11
  • 笔记参考自《响应式Web设计:HTML5和CSS3实践》,2013年出版内容说不上最新。如下是全书的章的目录:第 ...
    于晓鱼阅读 953评论 0 1
  • 从毕业后,我离开校园那一刻起。我就离开了家,为了所谓的理想,所谓的幻想。我希望一天可以出人头地,不再为所谓的生活而...
    远走的心阅读 309评论 0 0
  • 阿树,我的大学比较要好同学。东北人,每次和他说话就想笑,感觉在听赵本山的小品。我觉得东北人的幽默是基因里带的。 说...
    6c676d940028阅读 641评论 0 2