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

原创 2015年11月20日 00:00:34

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

Unity中关于单位像素与单位长度的关系

开头以下是对unity中关于屏幕像素与世界坐标单位长度的关系的总结。总结在camera处于平行投影状态下时,即orthographic,其size参数的数值实际上是屏幕所对应的高度的一半,举个例子,创...
  • AbstractSky
  • AbstractSky
  • 2016年02月16日 21:24
  • 4374

html 中 div不定宽度如何水平居中的解决方案

传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄. ...
  • phker
  • phker
  • 2015年01月05日 17:18
  • 13109

div中的文字和图片水平居中的方法

css文字水平居中的案例1: .page{text-align: center;} 这是需要水平居中的文字 css文字水平居中的案例2: .page{display: flex;ju...
  • Dami103
  • Dami103
  • 2016年12月15日 15:24
  • 1645

【Html】水平居中设置-行内元素

我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现...
  • happyhaojie
  • happyhaojie
  • 2015年12月10日 16:42
  • 357

html元素水平居中的几种方法

css的水平居中
  • u014306354
  • u014306354
  • 2016年08月14日 00:45
  • 17011

latex 中的长度单位,尺寸

使用latex时,经常需要调整间距,不同的长度单位容易使人迷惑混淆,我结合相关资料,整理一下,同时方便查阅。 latex中的通用长度单位如下: 单位 名称 说明 mm 毫米 1 m...
  • robert_chen1988
  • robert_chen1988
  • 2016年10月05日 18:21
  • 1645

html里元素水平居中和垂直居中的几种方式

站在前辈们的肩膀上来学习和总结! 1.文本的居中 height+line-height:配合使用,垂直方向居中 text-align:父级的text-align,水平居中 ps:text-al...
  • weixin_37610328
  • weixin_37610328
  • 2017年04月06日 20:32
  • 374

不定宽元素居中

方法一在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中,比如网页上的分页导航,因为分页的数量是不确定的,所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素:块状元素的宽度width不固...
  • yesteryou
  • yesteryou
  • 2017年04月11日 21:39
  • 131

HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结

最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单。 水平居中直接加上标签即可,或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中(水平居中+垂直...
  • qq_32623363
  • qq_32623363
  • 2017年08月11日 18:25
  • 8104

HTML中几种常见单位

以下是DIVCSS5为大家总结网页中常见html单位介绍,在css+div布局中长度单位介绍篇。 其实css中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm; ...
  • u010408889
  • u010408889
  • 2015年08月19日 15:24
  • 1137
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html长度单位和水平居中总结part4
举报原因:
原因补充:

(最多只允许输入30个字)