對于一些需要排版的頁面，許多網頁制作者會發現，文本內容的行高不一致會影響頁面的美觀度。當文本內容的行高不一致時，特別是當文本內容的長度不一致時，頁面看起來就不是那么舒適和美觀了。但幸運的是，CSS提供了一個非常容易實現的解決方法，可以使得文本在容器中底部對齊。 首先，我們需要定義一個容器，里面包含了我們要底部對齊的文本。如果您正在使用HTML，可以使用P標簽來定義文本容器。當然也可以使用其他標簽或者自己定義一個class或id為類的元素。 接下來，我們需要將這個文本容器的 display 屬性設置為 flex ，即將它轉化成彈性容器。我們還需要為這個容器設置一定的高度。 代碼如下： pre { display: flex; align-items: flex-end; height: 100px; } 其中， align-items: flex-end; 屬性用于將文本底部對齊。而將容器的高度設置為100px是為了方便演示，實際應用中，高度應該根據實際情況來設定。此時，容器內的文本（即 P 標簽）的底部將會對齊。 總結來說，要讓文本底部對齊，我們只需要將容器的樣式設置為 display: flex; 和 align-items: flex-end; 即可。這是一個非常容易實現的解決方法。