HTML5是最新的HTML標準語言，它提供了許多新的特性和功能，幫助開發者更好地構建網頁。在HTML5中，我們可以使用許多不同的標簽來實現網頁的不同功能，其中pre標簽可以用于展示預格式化文本內容，同時，我們也可以使用這個標簽來對齊代碼塊。 pre標簽的使用方法十分簡單，我們只需要將需要展示的代碼放在這個標簽的內部即可。但是，有時候我們需要將多個代碼塊整體對齊，這時該怎么做呢？ 首先，我們可以在每個pre標簽外面包裹一個div標簽，這個div標簽可以設置display屬性為inline-block，這樣每個代碼塊就會像一個行內元素一樣排列。 然后，我們可以設置每個pre標簽的寬度為固定值，這樣所有代碼塊的寬度就會一致。同時，我們可以設置每個pre標簽的text-align屬性為left，這樣所有代碼塊的內容就會左對齊。 最后，我們可以使用text-indent屬性來設置每個代碼塊的縮進，這樣整個代碼塊的布局就更加整齊清晰了。 下面是一個示例代碼：通過這種方式，我們可以將多個代碼塊整體對齊，讓頁面布局更加整齊清晰。當然，在實際開發中，我們可以根據自己的需要對代碼塊進行調整和優化，實現更好的布局效果。