html长度单位和水平居中总结part4

1.对于长度单位的总结:px,em,%。

px:像素

如果在一个标签中,如p中 设置font-size:12px;那么重新写的一个标签中使用font-size:1em,那么该字体的大小12px*1

%:百分比
p{font-size:12px;line-height:130%}
此时的line_height为12px*1.3的大小。


2.水平居中的设置

对于行内元素(文本,图片等),可直接使用text-align:center来实现。


对于块状元素,可通过设置左右的margin 值为”auto”来实现居中,
margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
或则是
margin-left:zuto;margin-right:auto;


而对于不定宽块状元素
不定宽度的块状元素有三种方法居中(这三种方法目前使用的都比多):
加入 table 标签
设置 display;inline 方法
设置 position:relative 和 left:50%;

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dada111111111/article/details/49936515
个人分类: 前端
想对作者说点什么? 我来说一句

HTML编程之实现文字水平居中

ALEX__0805 ALEX__0805

2015-07-16 22:33:30

阅读数:1563

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭