display:table-cell介绍
2024-10-01 04:14:37
一、display:table-cell属性简述
display:table-cell
属性指让标签元素以表格单元格的形式呈现,类似于td
标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了
display:table-cell
属性在实际项目中的应用
我们都知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩等,所以display:table-cell
还是有不少潜在的使用价值的,虽说IE6/7不支持此属性,但是幸运的是,IE6/7一些乱糟糟的属性与渲染,我们可以其他方法实现同样或是类似的效果。
与其他一些display属性类似,table-cell
同样会被其他一些CSS属性破坏,例如float
, position:absolute
,所以,在使用display:table-cell
与float:left
或是position:absolute
属性尽量不用同用。设置了display:table-cell
的元素对宽度高度敏感,对margin
值无反应,响应padding
属性,基本上就是活脱脱的一个td标签元素了。
最新文章
- C++ 系列:深拷贝与浅拷贝
- Win10 UWP 开发系列:使用多语言工具包让应用支持多语言
- 数据库 SQL语法二
- 个人知识管理系统Version1.0开发记录(01)
- strcpy C++实现
- apue第七章学习总结
- POJ 1979 Red and Black dfs 难度:0
- 登陆用户怎样获取验证码和保存用户到cookie中
- [PWA] Enable Push Notification in your web app
- 进入MAC下面的Library目录
- c# 调用外部exe程序
- openCV(四)---Canny边缘检测
- WP8.1小梦词典开发1:金山词霸API使用
- a链接传递邮箱参数
- 使用python实现群发邮件
- JAVA中的String类(详解)
- HTML中的几种空格
- Mac下软件包管理器-homebrew
- Spring.NET依赖注入框架学习--入门
- 三种迭代Java ArrayList方法及比较