css常见水平居中
2024-09-30 02:49:14
行内元素居中
常见行内元素如文本,图片等居中时,通常是给父元素设置text-align:center 来实现。例如
HTML:
<body>
<div>我是文字,我要居中显示</div>
</body>
css:
<style>
div{
text-align:center ;
}
</style>
块元素居中
块元素居中分为不定宽和定宽两种形式,定宽的块元素我们可以通过设置margin值为auto实现居中。例如:
<body>
<div>我是定宽块元素,我要居中显示</div>
</body>
css:
<style>
div{
width:100px;
margin:10px auto;
border: solid 1px #ccc;
}
不定宽块元素则是
1、加入 table 标签,居中。
第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。
2、设置 display: inline 方法:与第一种类似,显示类型设为 行内元素,进行不定宽元素的属性设置。
3、设置 position:relative 和 left:50%:利用 相对定位 的方式,将元素向左偏移 50% ,即达到居中的目的。
最新文章
- h5容易遗忘的内容
- spring入门(三)【事务控制】
- [CG编程] 基本光照模型的实现与拓展以及常见光照模型解析
- Des加解密算法
- SQL Server代理(2/12):作业步骤和子系统
- Linux学习之六——使用vi和vim
- (转)定制iOS 7中的导航栏和状态栏
- (转)Libevent(1)— 简介、编译、配置
- IntelliJ IDEA Subversion的使用方式
- 加入BOINC(伯克利开放式网络计算平台)
- 7.使用ProcessBuilder执行本地命令(转)
- 他们控制的定义-DragButton
- zf-关于更换页面,的各种问题。
- Nagios部署与配置
- java根据输入的字符串和字节数来截取,输出对应字节数的字符串
- c# 纯代码调用 webservice
- weex中css不能使用子元素选择器
- commons-lang3-3.2.jar中的常用工具类的使用
- J - S-Nim
- (WCF) 利用WCF实现两个Process之间的通讯。
热门文章
- 有道云笔记Markdown使用
- Bower 显示‘bower ESUDO Cannot be run with sudo’的错误解决方法
- cp的使用
- The Uncle_b&#39;s First Love
- 11.24Daily Scrum(3)
- Delphi DBGrid双击事件、单元格操作
- (sender as TButton).some 和 TButton(sender).some 的区别是什么?
- FLT_MIN,FLT_MAX,FLT_EPSILON
- 【bzoj2591】[Usaco 2012 Feb]Nearby Cows 树形dp
- 【bzoj1202】[HNOI2005]狡猾的商人 带权并查集