css浮动之表格

2023-12-22 06:52:08

一、浮动

简介:就是使用float样式,使元素脱离文档流

? ? ? ? ? ? 可选值:?none ?默认值,不设置浮动

? ? ? ? ? ? ? ? ? ? ? ? ? ? left ?向左浮动

? ? ? ? ? ? ? ? ? ? ? ? ? ? right ?向右浮动

特点一:1、一旦元素浮动,就会脱离文档流,原来在文档流的位置就会被下面的元素挤上来。

? ? ? ? ? ?2、如果浮动元素上面的元素不浮动,则元素浮动无法上移。

? ? ? ? ? ?3、浮动元素不会超过它前面的浮动的元素。

? ? ? ? ? ?4、浮动元素不会超过他父元素

特点二:当浮动元素遇到文字,浮动元素不会覆盖文字,文字会环绕在浮动元素周围。

注意:当元素设置浮动以后,会完全脱离文档流,元素脱离文档流后,?元素原来在文档流得特点,就都没有了,也就是说不再区分块,行内,行内块。

二、表格

? ? ?1、用table创建表格

? ? ?2、tr表示行,一个tr表示一行

? ? ?3、用td表示单元格,(一个td表示一格)

? ? ?4、th特指表头单元格内容

? ? ?5、rowspan 用来设置行合并

? ? ?6、colspan 用来设置列合并

?

?

?

?

?

文章来源:https://blog.csdn.net/2302_79245293/article/details/133828797
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。