Html中居中问题小结

简介:
1
< br >

一:文字(行内元素)在块盒子(块元素)中水平居中:text-aligh:center;

二:文字(行内元素)在块盒子(块元素)中垂直居中:设定行高等于盒子高

例如:

    height:30px-------->line-height:30px;

三:块盒子在其父块盒子中水平居中:margin:0 auto;

四:块盒子在其父块盒子中垂直居中:没有特别的直接属性可以做到。

五:图片和文字在垂直方向对齐:在图片上使用------>vertical-align:middle;




本文转自 沉迷学习中 51CTO博客,原文链接:http://blog.51cto.com/12907581/1925775,如需转载请自行联系原作者

相关文章
|
14天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
5天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
9天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
9天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
16天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
17天前
|
XML 前端开发 JavaScript
css和html
【4月更文挑战第7天】css和html
13 0
|
22天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
使用html+css制作一个发光立方体特效
使用html+css制作一个发光立方体特效
23 2
使用html+css制作一个发光立方体特效
|
1月前
超简单的html+css魔幻霓虹灯文字特效
超简单的html+css魔幻霓虹灯文字特效
13 3
超简单的html+css魔幻霓虹灯文字特效