CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，貌似大家很少使用此属性。我总结了三点原因：首先是理 ...
分类：
Web程序 时间：
2017-07-05 18:44:12
阅读次数：
259
先上代码 .dianshang ul li a { height: 100px; vertical-align:middle; display: table-cell; width: 174px; text-align: center; } .dianshang ul li img { width: ...
分类：
其他好文 时间：
2017-06-29 19:11:04
阅读次数：
128
1. table-cell 默认等高 2. padding + margin padding-bottom: -1000px; margin-bottom: 1000px; overflow: hidden; 3. 利用背景图片或者颜色模拟 4. 利用border造成假高现象 ...
分类：
其他好文 时间：
2017-06-26 23:49:46
阅读次数：
161
#extras {display: table-cell;width: 180px;padding-left: 10px;border-right: 1px dotted #d7ad7b;} table使该元素按table样式渲染table-row使该元素按tr样式渲染table-cell使该元素按 ...
分类：
其他好文 时间：
2017-06-16 13:26:07
阅读次数：
140
方法1：水平：margin:0 auto; 垂直：使用定位属性，小的div在大的div中分别绝对定位为：left：50%；top:50%,然后再添加margin-left\top属性，值为负的小div的宽高的一半 方法2：table cell: ...
分类：
其他好文 时间：
2017-06-15 14:06:34
阅读次数：
145
BFC是块级格式化范围。是独立的元素，不会影响其它的元素。 在HTML5中的语义化标签(块级元素)。 display:table本身不产生BFC. display:table-cell的框产生BFC. 响应式界面: width=device-width. 等于屏幕宽度，原始缩放比例:(initial ...
分类：
其他好文 时间：
2017-06-12 14:49:13
阅读次数：
210
有时候在一个div里面添加一个表格，如想让它居住排列，需要做如下的操作。 css代码： 代码如下: #dlgReply { /*display: table-cell; text-align: center;*/ vertical-align: middle; } table { margin-le ...
分类：
其他好文 时间：
2017-05-27 19:16:28
阅读次数：
142
首先在img标签外面加一层div: 例如： html: <div class="imgbox"> <img src="" /> </div> 首先div给一个固定的高宽，具体如下 css: .imgbox{ height:100px; width:100px; display:table-cell; ...
分类：
其他好文 时间：
2017-05-27 19:04:30
阅读次数：
154
方法1：通过添加display:table-cell实现 方法2：通过添加position实现 ...
分类：
其他好文 时间：
2017-05-12 14:28:03
阅读次数：
111
给要居中的图片或者链接所在的div 设置例如以下属性 width: px; height: px; display:table-cell; text-align:center; vertical-align:middle; ...
分类：
Web程序 时间：
2017-05-07 12:56:06
阅读次数：
178
