html居中代码

html-css013

html居中代码,第1张

1、<center>代码... </center>

2、<div class="text" style=" text-align:center">

3、行内元素:text-align:center;

4、定宽块元素:margin:0 auto;

扩展资料:

由于未设定宽度值的块元素,载入时会继承父元素的宽度值,一开始所有的元素的宽度值都等于great-parent的宽度;

当执行“float=left;”时,parent的宽度值会被重新赋值,该值来自其内容的宽度;

parent中只有div,浏览器会计算div的大小,而div自身也没有设定宽度值,则继续计算div内部内容的大小,div内部有字符或者其他内容,div将计算这些内容的显示大小;

然后,div把这个值往上逐级返回到浏览器,浏览器再把这个值赋给parent的宽度值。

最后,由于parent的宽度值被重新赋值,div就再次继承parent的新的宽度值。parent的宽度=div的宽度=div内部内容的宽度。

通过中心点,计算坐标来垂直居中。

设置单行或表格单元格内元素,垂直方向上的位置,不能用块级元素。可用属性值: top middle bottom 等, 详细说明 .

将文字 line-height 等于父容器的高度,即可垂直方向上居中; text-align 可让文在水平方向上居中。