css样式设置(居中)普通
2015-03-30 15:59
162 查看
1、水平居中
2、宽度固定居中显示
3、设置垂直高度
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。
4、设置宽度不起作用时,如
<style> div.txtCenter{ text-align:center; } </style>
2、宽度固定居中显示
<style> div{ border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/ width:500px;/*定宽*/ margin:20px auto;/* margin-left 与 margin-right 设置为 auto */ } </style>
3、设置垂直高度
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。
<style> .container{ height:100px; line-height:100px; background:#999; } </style>
4、设置宽度不起作用时,如
position:float; 可改为absolute 宽度会显示出来
<style> .container a{ position:absolute; width:200px; background:#ccc; } </style>
相关文章推荐
- css样式设置高度不定文本垂直居中
- CSS样式设置--水平居中
- 文字居中的几种CSS简单的样式设置方法
- CSS样式设置小技巧——居中设置
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- CSS——样式设置技巧(居中和隐藏)
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- LAMP兄弟连免费讲堂预告:[9月20日-21日] Web开发网络课堂第二讲:利用CSS设置网站样式和
- 将样式信息移动到单独的CSS文件中/-----------/CSS的局限性和使用服务器端代码设置样式
- toot2008@126.com(W3C标准) ASP.NET + CSS 设置 图片等比放缩、水平居中、垂直(竖直)居中
- css滚动条样式设置
- Flex中通过设置borderColor样式和.errorTip CSS分离器改变错误信息提示背景颜色(background color)的例子
- 创建超链接及css 样式设置
- CSS样式设置透明度和渐变
- div+css设置div模块页面居中,兼容ie6+、ff3.0+、chrome
- css统一设置input样式(区分input类型)
- CSS设置Table的样式
- css 表格设置为细线样式
- div居中的设置该如何编写css?
- css 设置网页边框滚动条样式