以后界面基本框架不再每次提供,直接提供官方html和css實現代碼,后面再做仔細研究

ul.picture-list

{

flow:h-flow;

padding:0;

border-spacing:2px;

}

ul.picture-list?>?li

{

display:block;

width:30%;

height:?width(30%);

border:1px?solid?green;

}

ul.picture-list?>?li:nth-child(3n)?//?three?elements?in?the?row

{

clear:right;

margin-right:50%%;

}

Each?green?rectangle?here?shall?maintain?aspect?ratio?(10:3)?while?resizing.

• Some?picture?1
• Some?picture?2
• Some?picture?3
• Some?picture?4
• Some?picture?5
• Some?picture?6
• Some?picture?7
• Some?picture?8
• Some?picture?9

總結

以上是生活随笔為你收集整理的css中aspect,css扩展之aspect-ratio(纵横比)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。