CSS级别总结(新手必看)
如果将元素设置为文本、图片和其他元素中的元素,则通过将文本对齐中心设置为父元素来实现该级别。
HTML代码:
xml代码将内容复制到剪贴板。
我想在父容器中显示级别。
CSS代码:
CSS代码将内容复制到剪贴板。
txtcenter {。
文本对齐:中心;
}
集总元件
固定广义块元
扩展块元素:块元素的宽度为固定值。
满足这两个条件的固定宽度和形状可通过设置达到元素;左、右margin价值;auto实现中心。
HTML代码:
xml代码将内容复制到剪贴板。
我是一个大的元素,哈哈,我想在中间的显示。
CSS代码:
CSS代码将内容复制到剪贴板。
div {
Border:1px solid red; / * in order to show the effect of div center set up border.
宽度:200px; / * * /固定宽度
保证金:保证金20px汽车;左右边距设置为自动 / * * /
}
它也可以写成:
CSS代码将内容复制到剪贴板。
左缘:自动;
保证金:汽车;
注:该元素的上下margin可任意设定。
不确定的块元素
1。添加表标签
自适应表的长度没有定义,长度不是正文长度的默认父(表的长度是根据其内的文本长度决定的),所以它可以被视为一个固定宽度的块元素,然后使用以块为中心的固定宽度的方法,中间水平。
第一步是向需要设置的中间元素添加一个表标记(包括,和)。
第二步:设置这个表,左右边界在中间(这与设置宽块元素的方法相同)。
HTML代码:
xml代码将内容复制到剪贴板。
我是第一行文字
我是第二行文字
我是第三行文字
CSS代码:
CSS代码将内容复制到剪贴板。
表{
border: 1px solid;
保证金:0汽车;
}
2。设置显示:内联方法:类似于第一个,显示类型被设置为内部元素,并设置不定元素的属性设置。
更改块级元素的显示是内联类型(设置为内部元素),然后使用文本对齐中心来实现中心效果:
HTML代码:
xml代码将内容复制到剪贴板。
一
二
三
CSS代码:
CSS代码将内容复制到剪贴板。
集装箱{。
文本对齐:中心;
}
边距:0(填充:0 *;消除文本和div帧之间的间隙)。
容器{ {
列表样式:无;
保证金:0;
填充:0;
显示:内联;
}
右边距:8px(李 / *设置文字之间的间隔)。
集装箱李{
右边距:8px;
显示:内联;
}
三.设置位置:相对和左:50%:通过相对定位,元素向左移动50%,即到达中心。
通过将浮点设置为父元素,设置位置:相对和左:50%到父元素,设置位置:相对和左:- 50%以达到中间水平。
代码如下:
xml代码将内容复制到剪贴板。
一
二
三
CSS代码:
CSS代码将内容复制到剪贴板。
集装箱{。
浮点数:左;
职位:相对;
左:50%
}
容器{ {
列表样式:无;
保证金:0;
填充:0;
职位:相对;
左:- 50%;}
集装箱李{
浮点数:左;
显示:内联;
右边距:8px;
}
还有另一种方法:
CSS代码将内容复制到剪贴板。
集装箱{。
位置:绝对;
顶部:50%;
左:50%;
保证金:- 170px - 250px; / *集装箱宽网站500px,高340px * /
}
上面的CSS水平进行了总结,这是萧边分享给你。我希望能给你一个参考,我希望你会得到很多支持。