css技巧之——居中问题
来源:互联网 发布:淘宝买东西怎么开票 编辑:程序博客网 时间:2024/05/07 02:59
1.自适应水平居中,条件:width:(宽度已经确定)
margin:0 auto。
2.在一个已知宽高的div中居中小div
思路:绝对定位+在通过负margin调整 #inner{position: absolute;
left:50%;top:50%;
margin:-居中d iv的长度的一般 0 0 - 居中div宽度的一半}
3.单行文字居中
思路:行高。谁要居中,谁就设置行高 = 高度
4.多行文本居中
思路:分浏览器考虑
第一:普通浏览器,父级元素设置,display:table-cell(让元素可以已单元格的形式显示),vertical-align:设置垂直居中(注意:vertical只对内联元素及单元格元素起作用, td,<th><caption>,对div不起作用)
第二:ie6不支持table-cell 属性。http://www.w3cfuns.com/article-5597406-1-1.html
5.练习,淘宝2007年ued招聘
使用纯CSS实现 未知尺寸的图片(宽高均小于200px)在200px的正方形容器中水平和垂直居中。
淘宝UED根据经验提出了一种方式:
- *display:block;
- *font-size:175px;
- css技巧之——居中问题
- CSS样式技巧之居中
- css+html之居中问题
- CSS布局奇葩技巧之--各种居中
- CSS布局技巧之--各种居中
- CSS布局技巧之--各种居中
- CSS布局技巧之--各种居中
- CSS布局技巧之–各种居中
- CSS居中之美(一)——垂直居中
- CSS居中之美(二)——水平居中
- CSS——样式设置技巧(居中和隐藏)
- CSS居中小技巧
- CSS 小技巧1——水平居中和垂直居中的方法
- CSS—垂直居中
- CSS之元素水平/垂直居中问题
- DIV+CSS居中问题与兼容技巧总结
- CSS布局奇淫技巧之--各种居中
- CSS布局奇淫技巧之--各种居中
- hadoop安装
- gcc指定头文件路径及动态链接库路径
- CSDN-->3n+1问题
- Android中Handler Runnable与Thread的区别
- Jquery源码分析---DOM元素(中)
- css技巧之——居中问题
- 国内千万级手机端视频互动娱乐直播完整源码
- 《JAVA与模式》之责任链模式(行为)
- UDP编程
- 总线拓扑结构
- 关于形如--error LNK2005: xxx 已经在 msvcrtd.lib ( MSVCR90D.dll ) 中定义--的问题分析解决
- Android中各种组件的生命周期
- ui_*.h文件中自动生成的界面类的使用方法
- 线程安全与不安全(误解)