当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有？那么今天给大家介绍一个fit-content属性，不知道有没有同学用过，如果用过那么你可以略过这篇文章，没用过的同学就继续了，我也是第一次看到这个属性，之前不知道这个属性更不用说使用了，原来这个CSS属性是用来水平居中的，fit-content是CSS3中给width属性新加的一个属性值,它配合margin可以让我们轻松的实现水平居中的效果;一起来看下代码吧。
在不设置宽度，并且元素中含用float:left情况下居中,先看一段代码:
如此这个导航是不会居中的，当我们通过设置fit-content加上margin来做到居中。
目前这个属性只支持Chrome和Firefox浏览器，下面是居中的代码:
大家可以在编辑器里试？ 希望能对大家有用吧 ……
为提供解决方法的大神点赞……
CSS3的3D转换效果详解介绍 CSS3的3D转换效果详解介绍: 本章介绍一下CSS3的3D转换效果，此效果的实现依靠的是transform属性，3D转换只...
HTML学习10：表单格式化 表单格式化，其实我也不想起这个名字的，在前面学习的HTML中有文本格式化，这次的表单和表੬...
CSS布局参考 IE的If条件注释使用备忘 内容提要：在CSS布局中，还常常用到IE Hack。if IE起着非常大的作用！ 关键字：Div CSS IE Hack...
CSS3中动画transform必须要了解的Skew变化原理 transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同...
控制非模态弹出框(showModelessDialog)唯一且随父页面关闭 网站开发中，常常会遇到需要弹出窗体的情况，一般弹出框有模态和非模态两...
compass模块----Utilities----Sprites精灵图合图 css雪碧图又叫css精灵或css sprite，是一种背景图片的拼合技术。使用css雪碧图，能...
求前端大神帮我看下我这网站，到底是什么原因。除了ie7和火狐其他浏览器都没问题。 http://120.25.1.133/digger/index.php/Home/In...
各位是怎样解决屏幕的分辨率的问题的呢？ 我的笔记本是15.6英寸的，我开发的网页在我的电脑上看起来比较好，但是我想换一个大的屏幕的...
css-----强大的效果 1 <div id="d1">你好 2 <span>aaaaaaaaa</span> 3 <div> 4 <span id="s1">bbbbbbbb</span> 5 ...
新手关于canvas的问题 html代码：<canvasid="canvas"></canvas> js代码： 第一种：varcanvas=$("#canvas"); 第二种：varcanvas=$("#canva...
您当前的位置: