在網頁開發中，我們常常需要使用標題，在默認情況下，標題會以水平排列的方式顯示，但有時候我們需要讓標題以豎排的方式顯示，這時候我們就可以使用 H1 標題的豎排特性，來達到緊湊的布局。
在將 H1 標題豎排時，為了讓其顯示更加緊湊，我們需要通過 CSS 樣式進行一些調整，比如通過設置高度、行高和字體大小等屬性來控制標題的布局。
下面是一個使用 H1 標題豎排顯示緊湊的示例：
<style>
h1 {
writing-mode: vertical-rl;
text-orientation: mixed;
height: 80px;
line-height: 80px;
font-size: 24px;
}
</style>
<body>
<h1>豎排顯示標題</h1>
</body>在上面的代碼中，我們通過設置 H1 標題的 writing-mode 和 text-orientation 屬性來將其豎排顯示，并通過設置高度、行高和字體大小等屬性，使標題顯示更加緊湊。
總之，通過使用 H1 標題的豎排特性，并結合 CSS 樣式的調整，我們可以實現緊湊的豎排標題布局，達到更好的視覺效果。
上一篇css里面圖片路徑
下一篇mysql 計算月數