BFC解决高度坍塌的应用，表格css属性

最新推荐文章于 2024-08-01 10:23:45 发布

原创最新推荐文章于 2024-08-01 10:23:45 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了CSS中表格属性的细节，包括边框合并、单元格间距及显示控制，以及不同布局方式的优缺点。同时，介绍了表单元素如多选按钮、下拉菜单、多行文本域和上传文件框的功能与使用技巧。

1级标题

Document Document

表格css属性的补充： 1:相邻单元格边框进行合并 border-collapse: (添加在table上面) 属性值： separate 分开状态 collapse 合并

2:相邻单元格之间的间距 (添加在table上面) border-spacing:

3: 是否显示单元格区域：（没有内容的时候，让隐藏） empty-cells: show hide

4：table-layout: auto 默认值：根据内容分配宽度（优点：灵活缺点:性能消耗比较大） fixed 不再根据内容去分配宽度（优点：性能消耗低缺点：不灵活）

–>

2: 多选按钮（复选框）
        3: 下拉菜单（下拉列表）                                                                            …
        4: 多行文本域                            cols 和 rows  以字符为单位
            注：阻止用户进行缩放  css属性  resize:none;
        5: 上传文件框            –><!--      表单里面的标签：        fieldset（表单字段集）            作用：给表单做分组            特点：                默认情况下自带边框                可以进行互相嵌套
        legend （字段集标题）            作用：是fieldset 一组里面的一个标题            特点：一般情况下，放在fieldset第一个子元素位置。

说明： label里面放的是提示信息 for属性：绑定对应控件的id名称–>