1 文字的水平居中
<style type="text/css">
div
{
display:inline-block;
width:500px;
height:50px;
line-height:50px;
text-align:center; /*实现div元素内文字水平居中*/
border:1px dashed gray;
}
</style>
</head>
<body>
<div>CSS实现单行文字水平居中：text-align:center;</div>
2 块元素居中：
保证margin-left和margin-right都为auto,就可以保证块元素水平居中；如果要是使用margin:0:auto来实现块元素居中，就要
指定这个元素的宽度；
<style type="text/css">
div
{
margin:0 auto;
width:80%;
height:100px;
border:1px solid gray;
}
</style>
</head>
3 行内元素：
使用text-align:center剧中；
<style type="text/css">
div{text-align:center;}
</style>
</head>
<body>
<div><strong>strong元素</strong></div>
<div><span>span元素</span></div>
<div><a href="#">a元素</a></div>
4 INLINE-BLOCK元素的居中，比如图片
<style type="text/css">
body{text-align:center;}
div
{
display:inline-block;
width:100px;
height:100px;
border:1px solid gray;
}
</style>
5 垂直居中
1) 单行文字垂直居中：
定义line-height和height属性值相等就可以
<style type="text/css">
div
{
height:100px;
line-height:100px;
border:1px solid gray;
}
</style>
2） 多行文字
如果父元素高度固定，文字可能是两行或者多行，则
<style type="text/css">
p
{
display:table-cell;
vertical-align:middle;
width:400px;
height:120px;
border:1px dashed gray;
}
span{display:inline-block;}
</style>
</head>
<body>
<p>
<span>飒飒奥奥撒撒撒撒所<br />
顶顶顶顶顶顶顶顶顶顶等等<br />
啊啊啊啊啊啊啊啊啊啊啊啊</span>
</p>
相关推荐
CSS常用属性和属性大全,CSS常用属性和属性大全,CSS常用属性和属性大全
### CSS背景属性详解与实践案例 #### 一、引言 在网页设计中，CSS (Cascading Style Sheets) 背景属性是用于控制页面背景的重要工具之一。通过合理运用这些属性，可以极大地增强页面的视觉效果和用户体验。本文将...
CSS 浮动属性 Float 详解 CSS 浮动属性 Float 是一种重要的定位属性，允许页面元素浮动在其他元素旁边。Float 属性可以取四个值：Left、Right、None 和 Inherit。其中，Left 和 Right 分别浮动元素到左边和右边，...
网页动画素材 css3属性绘制圆形旋转的黑洞动画特效（抖音资料）网页动画素材 css3属性绘制圆形旋转的黑洞动画特效（抖音资料）网页动画素材 css3属性绘制圆形旋转的黑洞动画特效（抖音资料）网页动画素材 css3属性...
css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码
在现代Web开发中，CSS已经发展出许多强大的新特性，其中CSS自定义属性（也称为CSS变量）是其中之一。这个特性允许开发者在CSS中定义变量，以提高代码的可维护性和复用性。Sass mixin虽然在过去是实现类似功能的一个...
接下来，我们讨论**高级CSS属性**： 1. **盒模型属性**：包括`box-sizing`改变盒模型的行为，`outline`定义元素轮廓，以及`overflow`处理溢出内容。 2. **过渡和动画**：`transition`定义元素在不同状态间的平滑...
### CSS2视觉手册：属性与选择器大全 #### 深入理解CSS2中的选择器类型 在CSS2视觉手册中，我们了解到多种选择器的使用方法，它们是定义样式规则应用于网页元素的关键。以下是对各类选择器的详细解析： 1. **通用...
《CSS属性查询手册》是针对CSS 2.0版本的一份详尽参考资料，它为开发者提供了全面、深入的CSS属性理解和应用指南。CSS，即层叠样式表（Cascading Style Sheets），是用于描述HTML或XML（包括如SVG、MathML等各种XML...
在深入理解CSS属性模块时，需要关注的几个关键知识点包括： 一、CSS类的命名与维护 在CSS中，类（class）是常用的选择器之一，用于选择具有特定名称的元素并为它们定义样式。随着项目规模的扩大，维护和命名类会变...
详细的汇总了CSS常用属性，css+div配合。适合初学者或或以适应着查询。
积累了一些国内邮箱css识别性！ css 邮箱邮箱CSS识别属性 css邮件识别 css 邮箱
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
最全最细的css属性思维导图，css所有的属性几乎都列在这里了。 注意这只是一个思维导图，没有对每个属性的具体描述，相当于只是css属性的一个罗列汇总。介意者慎载。
滚动条的css属性滚动条的css属性滚动条的css属性
资源名称：CSS 属性兼容性对照表内容简介： CSS属性兼容性对照表 PDF，主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题，此表有助于以后书写出全兼容的WEB标准化网页打下基础，前端...
整理了常用的css属性，适用于新手查阅，熟悉css基本属性使用等等
CSS 属性列表和属性值含义 CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。 媒体类型(Media) CSS 样式表可以作用于多种...
"别具光芒——CSS属性、浏览器兼容与网页布局"这个主题涵盖了三个核心概念：CSS属性、浏览器兼容性和网页布局。 首先，我们来详细探讨CSS属性。CSS提供了无数的属性，如颜色、字体、大小、位置等，这些属性共同决定...