在網頁設計中，常常使用
標簽來劃分頁面結構。但是有時候我們需要讓某個
標簽往右收縮，以便節約頁面空間或者更好地展示頁面效果。這時候，我們可以使用CSS來控制這個
標簽的樣式，實現往右收縮的效果。
例如，我們有如下代碼： <div class="wrapper"> <div class="right">這是要往右收縮的內容</div> <div class="left">這是其他內容</div> </div> 我們可以通過設置CSS樣式，讓類名為“right”的標簽往右收縮，如下所示： .wrapper { display: flex; justify-content: space-between; } .right { flex: 0 0 auto; } .left { flex: 1; } 通過設置display為flex，并且設置justify-content為space-between，我們可以將.wrapper中的兩個標簽對齊到容器的兩側，即左側是類名為“left”的標簽，右側是類名為“right”的標簽。同時，我們還需要設置.right的flex屬性為0，表示這個標簽的大小不能變化，而.left的flex屬性為1，表示這個標簽會占據剩余的所有空間。這樣，我們就可以通過CSS來控制一個
標簽往右收縮的效果。如果你想讓多個標簽往右收縮，你只需要分別設置它們的樣式即可。上一篇css div左右箭頭下一篇css div文本居中