CSS使p文字实现两列+hyphens用法

要用到column-count的属性: column-count:2; 就可以实现文字两列显示。

要设置两个之间的间隙,需要使用column-gap属性,如:column-gap:4rem; 就可以实现两列之间的间隙是4rem。

column-rule 是设置每一列之间的border 。 数值也跟border一样: column-rule: 1px solid #eee;

hyphens 属性定义是否允许在一行文本中使用连字符创建更多的自动换行机会。

上面几个属性都要加浏览器前缀。

Share :