html中 ul li 横排居中排列
用户投稿 学习笔记 10阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ul li 横排居中</title> <style type="text/css"> ul { display: flex; flex-flow: row nowrap; justify-content: center; } ul li { list-style: none; text-align: center; line-height: 30px; padding: 10px; height: 30px; width: 100px; margin: 0 10px; } </style> </head> <body>
<ul> <li>Home</li> <li>Browse</li> <li>Search</li> <li>Download</li> <li>Statistics</li> <li>Help</li> </ul> </body>
标签: