Dzwebs.Net

撰写电脑技术杂文十余年

CSS3宽度自动调整

Admin | 2016-9-26 9:00:41 | 被阅次数 | 4340

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如何通过CSS3来设置某个元素的宽度根据里面的内容的多少自动调整,而不是固定宽度?

  比如:


  先看看上面的这个DIV,里面的内容只有几个字,因此,宽度不大。


  现在,再来看上图,当DIV内容增加了以后,其宽度也会自动调整大小,以吻合内容的多少。这如何实现呢?

  在CSS3里面,通过下面的代码就能实现。

  width:fit-content;
  width:-webkit-fit-content;
  width:-moz-fit-content;

  就这么简单,但是效果非常好,用途广泛。


该杂文来自: 网页制作杂文

上一篇:里面的DIV如何跑到外面的DIV之外

下一篇:css3设置DIv半透明的效果

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计