CSS中有一種常用的排版方式就是使用li標簽來實現元素并排的效果。
ul { display: flex; justify-content: space-between; /*元素之間相距的間隔由父元素控制*/ } li { flex: 1; /*元素平均分配父元素的寬度*/ padding: 10px; background-color: #f6f6f6; text-align: center; }
以上代碼就是實現li標簽并排的主要代碼,其中ul標簽設置了flex布局,并控制了元素之間的間隔,li標簽則通過flex屬性平均分配父元素的寬度,并且設置了一些樣式,比如背景顏色和居中對齊等。
通過這種方式可以實現多種排版效果,比如導航菜單、圖片集合、商品列表等。在使用時還需要根據具體需求進行樣式的調整,比如文本大小、顏色、邊框等。