前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >CSS——多列

CSS——多列

作者头像
Html5知典
发布于 2019-11-26 06:29:58
发布于 2019-11-26 06:29:58
1.3K0
举报
文章被收录于专栏:Html5知典Html5知典

定义

多列(Multi Columns)属性是一些与文本的多列排版相关的CSS属性。

概述

多列属性可以将文本设计成像报纸杂志那种多列排版的布局,类似于Microsoft Word中的段落分栏功能。

多列属性主要应用于文本的容器元素上,包括列数(column-count属性)、统一的列宽(column-with属性)和统一的列间距(cloumn-gap属性)等。

并不能分别指定各列的宽度,因此结果是内容能且只能均匀分散到多列。

列表

元素

描述

column-count

column-count 属性用来描述元素应该被划分的列数。

column-fill

column-fill 属性用来规定如何填充列(是否进行填充)。

column-gap

column-gap 属性用来规定元素列间距的大小。

column-rule

column-rule 属性用来规定列间分隔线的宽度,样式及颜色。

column-rule-color

column-rule-color 属性用来规定列间分隔线的颜色规则。

column-rule-style

column-rule-style 属性用来规定列间分隔线的样式规则。

column-rule-width

column-rule-width 属性用来规定列间分隔线的宽度。

column-span

column-span 属性用来规定元素应当横跨多少列。

column-width

column-width 属性用来规定列的宽度。

columns

columns 属性是一个简写的属性,允许同时规定 column-width 和 column-count 属性。

变更点

多列属性全部是CSS3新增加的。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-07-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
【干货】2万字总结Ping不通的故障原因和解决方案!从此让网工不再夜里偷偷哭泣。
网络故障排除工具是每个网络工程师的必需品。为了提升我们的工作效率,不浪费时间,工具的重要性显而易见特别是每当添加新的设备或网络发生变更时,新的问题就会出现,而且很难快速确定问题出在哪里。每一位网络工程师或从事网相关的人员,都了解几款工具,能让快速定位网络故障。
网络之路一天
2024/03/06
4.7K1
【干货】2万字总结Ping不通的故障原因和解决方案!从此让网工不再夜里偷偷哭泣。
【高效笔记】直连ping都ping不通怎么办?
若PC直连交换机,确保PC与所属VLAN配置的VLANIF IP地址为同一网段。若交换机与其他网络设备直连,确保两端设备端口类型、VLAN配置一致,两端VLANIF IP地址为同一网段。
Ponnie
2023/03/02
7.4K0
【高效笔记】直连ping都ping不通怎么办?
全网最优质的H3C设备命令大全
最近咨询H3C问题的朋友挺多的,大部分是命令不太熟悉,今天瑞哥进行整理大的整理,分类整理,希望大家能够收藏起来,以备不时之需!
网络技术联盟站
2021/03/29
1.2K0
如何处理VLAN内不能互通
我们知道正常情况下,相同vlan内的主机是可以互相通信的,那么如何不能互通有哪些原因呢?
网络工程师笔记
2021/05/17
3.4K0
如何处理VLAN内不能互通
图解3种方法实现不同vlan的主机互通
在局域网内,我们会用 VLAN 对不同的用户、不同的部门、不同用途的区域进行分组,一个 VLAN 区分一组用户,便于管理和使用。
网络工程师笔记
2021/05/17
14.9K1
图解3种方法实现不同vlan的主机互通
如何解决VLAN内用户不能实现互通的问题?
在任意视图下执行display interface interface-type interface-number命令查看需要互通的端口的运行状态。
网络技术联盟站
2020/09/24
7040
如何解决VLAN内用户不能实现互通的问题?
网络ping不通是什么原因?看过就明白
网络ping不通是网络中出现频率最高的故障之一,同时也是最让人抓狂的故障,基本上大部分人都遇到过了,如果在项目中出现网络ping不通,没有一个有序的方法去排除解决,那么很难入手,也是讨论最多的问题之一,有不少项目经理到项目中经常遇到。我们来总结下网络ping不通是什么原因?
公众号 IT老哥
2021/09/16
21.7K0
网络ping不通是什么原因?看过就明白
局域网ping有时通有时不通_ping不通局域网电脑
ping的错误回显的内容与icmp的差错消息相关的,根据回显报错的节点ip和内容,我们能知道那个节点出现问题,什么问题?
全栈程序员站长
2022/09/23
10.8K0
局域网ping有时通有时不通_ping不通局域网电脑
新割接服务器与CE12800直连ping不通故障定位
新旧网关IP地址同为10.3.2.1/24,服务器IP地址为10.3.2.16/24,如下图。
网络工程师笔记
2021/05/17
1.8K0
新割接服务器与CE12800直连ping不通故障定位
OSPF邻居down故障定位
执行display logbuffer size buffersize命令,查看如下日志信息。
网络工程师笔记
2021/05/17
2.3K0
超全的HCIA命令集合,建议收藏!
Part1命令符 从用户视图切换到系统视图 system–view 从系统视图切换到用户视图 quit 连入接口命令 interface IP地址、子网掩码配置命令 ip address 接口IP信息查看命令 display ip interface brief IPv4路由表信息查询命令 display ip routing–table 配置完成退回视图界面命令 return 命令自动补全快捷键 【Tab】 快捷键查看命令 display hotkey 路由名称修改命令 sysname (参数) 设置路由
网络技术联盟站
2023/03/13
6180
超全的HCIA命令集合,建议收藏!
全网最优质的华为设备命令大全
昨天出了一篇H3C命令大集合,有粉丝留言想要一下华为的,昨天小编一天没休息,整理出来了,希望我的付出能够帮到你!
网络技术联盟站
2021/03/29
1.2K0
全网最优质的华为设备命令大全
不私藏了!【网络工程师排障命令大全】内附工具下载
网络工程师笔记
2023/09/20
5880
不私藏了!【网络工程师排障命令大全】内附工具下载
多台三层设备之间跨网段如何互通(详解静态路由与三层对接)
是不会冲突的,vlanid属于本地有效,跟IP的私网地址一样,每个公司局域网都可以重复使用,但是如果两边需要互访,IP网段是不能冲突的,否则访问不成功,但是VLAN就没关系,可以在规划上面避免。
网络之路一天
2024/01/08
3.4K0
多台三层设备之间跨网段如何互通(详解静态路由与三层对接)
华为交换机配置笔记
交换机(Switch)是一种用于电信号转发的网络设备,它可以为接入交换机的任意两个网络节点提供独享的电信号通路,最常见的交换机是以太网交换机,其他常见的还有电话语音交换机、光纤交换机等,交换机是集线器的升级替代产品,理论上讲交换机就是按照通信两端传输信息的需求,将需要的信息发送到目标设备上的网络组件.
王瑞MVP
2022/12/28
1.3K0
华为交换机配置笔记
【网工常见故障处理系列】ping不通该如何处理呢?
在客户端、服务器以及途径的所有设备上执行命令display ip routing-table,查看是否有可达路由。如果路由不可达,则检查路由配置是否存在问题。
网络工程师笔记
2021/05/17
2K0
第一弹!华为设备命令最全大合集(2022新版)
[Huawei] interface GigabitEthernet2/0/1 //(10G光口)
网络工程师笔记
2023/01/06
1.7K0
第一弹!华为设备命令最全大合集(2022新版)
华为交换机配置,四类命令需100%掌握
ICT系统集成阿祥
2025/03/11
1520
华为交换机配置,四类命令需100%掌握
网络工程师必看 | 从动态图看VLAN技术,建议收藏!
VLAN(Virtual Local Area Network)即虚拟局域网,是将一个物理的LAN在逻辑上划分成多个广播域的通信技术。VLAN内的主机间可以直接通信,而VLAN间不能直接通信,从而将广播报文限制在一个VLAN内。
网络技术联盟站
2020/09/14
1.7K1
网络工程师必看 | 从动态图看VLAN技术,建议收藏!
弄它!!!小小VRRP!分分钟拿下!!理论加实验带你玩转VRRP与浮动路由!
看完本篇博客你会了解: VRRP的工作原理。 VRRP的基本配置。 VRRP的典型组网模型及并掌握配置方法。 VRRP的常见问题及解决办法。
不吃小白菜
2020/09/03
4K1
弄它!!!小小VRRP!分分钟拿下!!理论加实验带你玩转VRRP与浮动路由!
推荐阅读
相关推荐
【干货】2万字总结Ping不通的故障原因和解决方案!从此让网工不再夜里偷偷哭泣。
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档