首页 > 代码库 > CSS之对其方式

CSS之对其方式

CSS样式设置元素中心对齐时,我们用margin属性默认自动对齐方式为:

margin-left:auto;margin-right:auto;

但是当宽度设置为100%时这种对其方式是没有绝对效果的,这里还有一个误区(我以前遇到过),可能有人会认为中心对其可以这样设置:"margin:center;"这样是行不通的。

而position属性是用来设置元素左右对齐的(同时可以设置元素宽高),元素对齐的方法之一是使用绝对定位。绝对定位与其他元素没有关系,可以覆盖其他元素。

position:absolute;
left:0px;
right:px;
height:0px;
width:0px;

position属性设置元素对齐的方法之二是使用相对定位

position:relative;

还有一种对其方式就是float(浮动)属性了,

float:right;float:left;

 在块元素中,我们也可以用span属性来设置,只是要注意的是span对象是id和class,我们可以对元素进行控制。

<span style="color:blue">颜色</span>

<span style="font-style:oblique">斜体</span>

<span style="font-style:100">字体加粗(100~900)</span>

<span style="font-style:overline">上滑线</span>

<span style="font-style:underline">下滑线</span>

<span style="text-decoration:line-through">贯穿线</span>

<span style="line-height:200%">行高(百分位越高越大)</span>

CSS之对其方式