关闭

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

247人阅读 评论(0) 收藏 举报
分类:

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%;

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:15525次
    • 积分:526
    • 等级:
    • 排名:千里之外
    • 原创:33篇
    • 转载:5篇
    • 译文:1篇
    • 评论:0条