Address
< 🎜> Hunan
/ul>
How to achieve the effect like in the picture in ul
Reply to the discussion (solution)
Untitled Document
Address
< div class="sub-menu">
li>
li >Tianjin
<
Divide the text in the div element into three columns:
div
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
Internet Explorer 10 and Opera support the column-count attribute.
Firefox supports an alternative -moz-column-count attribute.
Safari and Chrome support an alternative -webkit-column-count attribute.
Note: Internet Explorer 9 and earlier browsers do not support the column-count attribute.
Definition and Usage
The column-count attribute specifies the number of columns the element should be divided into.
Default value: auto
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnCount=3
Syntax column-count: number|auto;
Value description test
number The optimal number of columns the element content will be divided into. Test
auto The number of columns is determined by other properties, such as "column-width". Test
Specifies a 60 pixel gap between columns
Note: Internet Explorer does not support column -count attribute.
Thank you very much
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
