HTML5如何設置左右拉伸 在網頁設計中，左右拉伸是一個非常常見的需求。比如在響應式布局中，為了適應不同的屏幕尺寸，我們需要讓某些元素左右拉伸。那么在HTML5中，如何設置左右拉伸呢？ 首先，我們可以使用CSS3的flexbox布局來實現左右拉伸。具體的代碼如下： `````` 在上面的代碼中，我們使用了flexbox布局，并設置了justify-content屬性為space-between。這個屬性的意思是讓左右兩側的元素自動拉伸，中間留有空隙。 除了flexbox布局外，還可以使用CSS3的grid布局來實現左右拉伸。具體的代碼如下： `````` 在上面的代碼中，我們使用了grid布局，并設置了grid-template-columns屬性為1fr 1fr，表示左右兩側的元素寬度平均分配。同時，我們還設置了grid-gap屬性為10px，表示左右兩側的元素之間有10像素的空隙。 綜上所述，HTML5中我們可以使用CSS3的flexbox布局和grid布局來實現左右拉伸。這不僅可以提高網頁的響應性和美觀度，也能夠幫助我們更好地實現布局需求。