如何在不改變dom結構的情況下讓第一行的li居中顯示?<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ display: flex; flex-wrap: wrap-reverse; list-style: none; width: 1000px; } ul li{ width: 80px; height: 60px; background: #ccc; margin-right: 80px; margin-bottom: 10px; } ul li:nth-of-type(6n){ margin-right: 0; } </style></head><body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul></body></html>
flex布局的第一行的li標簽如何居中顯示?
嗶嗶one
2019-02-13 14:15:48