已解決430363個問題，去搜搜看，總會有你想問的

CSS：如何將最后一個元素向左對齊

首頁猿問 CSS：如何將最后一個元素向左對齊

CSS：如何將最后一個元素向左對齊

Html5

ibeautiful 2023-12-11 15:27:43

由于 justify-content: space-around 規則，當第 4 個塊向下跳時，它變成了中間我可以以某種方式仍然使用空格規則，但使最后一個塊不要跳到中心，而是跳到左側，就像屏幕截圖中那樣？PS我仍然需要 justify-content: space-around 因為它具有響應式邊距這是代碼https://jsfiddle.net/s4fbtkyg/<html><body><style> .block{ background-color: grey; flex-basis: 100px; margin-bottom: 5px;}.container{ display: flex; flex-wrap: wrap; justify-content: space-around;}</style><div class="container"> <div class="block">1</div> <div class="block">2</div> <div class="block">3</div> <div class="block">4</div> </div></body></html>截屏

查看完整描述

1 回答

莫回無

TA貢獻1865條經驗獲得超7個贊

您可能需要考慮使用 CSS 網格來完成此任務：

grid-template-columns: repeat(auto-fit, 100px); //100px being the width of your choosing

這是代碼：

超文本標記語言

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

</head>

<body>

</div>

</body>

</html>

CSS

.block{

background-color: grey;

}

.container{

display: grid;

grid-gap: 5px;

grid-template-columns: repeat(auto-fit, 100px);

justify-content: space-around; //you can still use justify-content: space-around

}

小提琴：小提琴鏈接

反對回復 2023-12-11

1 回答
0 關注
159 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

CSS：如何將最后一個元素向左對齊

CSS：如何將最后一個元素向左對齊

1 回答

添加回答