CSS 是前端開發中最常用的樣式表語言之一,其中有一個常見的需求是將豎排的文字變為橫排。下面我們將介紹如何實現這個需求。
/* CSS 代碼 */ .lil { display: flex; flex-direction: row; writing-mode: horizontal-tb; /* Safari 和 Chrome 支持寫成 `-webkit-writing-mode` */ }
上面的 CSS 代碼中,display: flex;
表示將元素設置為彈性布局,flex-direction: row;
表示設置主軸方向為水平方向,writing-mode: horizontal-tb;
表示將文字排列方向設置為水平方向。
通過上述 CSS 代碼,就可以將豎排的文字變為橫排了。更多關于 CSS 的知識,可以參考相關的教程。
上一篇css link加載失效
下一篇css3在線設計