Admin | 2016-9-26 9:00:41 | 被阅次数 | 4517
如何通过CSS3来设置某个元素的宽度根据里面的内容的多少自动调整,而不是固定宽度?
比如:
先看看上面的这个DIV,里面的内容只有几个字,因此,宽度不大。
现在,再来看上图,当DIV内容增加了以后,其宽度也会自动调整大小,以吻合内容的多少。这如何实现呢?
在CSS3里面,通过下面的代码就能实现。
width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;
就这么简单,但是效果非常好,用途广泛。
jquery惊叹页面窗口大小的改变
网页优化相关基础知识与建议中篇
快被遗忘的HTML元素
JavaScript另类用法--读取和写入cookie
引入CSS样式的五种办法
写给喜欢用Dreamweaver编写CSS的人的一
需要掌握的八个CSS网页布局技巧!
点击超级链接弹出对话框
JS中的Date Time日期时间的获取与计算
如何实现网页的打印
网页音乐、视频、Flash各种播放器代码
JS读取本地的XML文件
css3 鼠标经过div背景变色
让某个DIV悬浮在页面底部位置
jquery垂直滚动固定对象显示在顶部
ftp命令格式及参数
Canvas的绘图画图制图的基本函数方法
xmlhttp的同步与异步
网站访问出现Service Unavailable提示
Jquery实现div阴影
网站备案号:滇ICP备11001339号-7
Copyright 2007-2021-forever Inc. all Rights Reserved.
Email:dzwebs@126.com QQ:83539231 访问统计