bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

css怎么讓垂直文字居中

這篇文章主要講解了“css怎么讓垂直文字居中”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css怎么讓垂直文字居中”吧！

創新互聯是專業的雙峰網站建設公司，雙峰接單;提供成都網站設計、成都網站制作、外貿網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行雙峰網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

方法：1、用“writing-mode”屬性設置文字垂直顯示，語法“文字元素{writing-mode:vertical-lr}”；2、用“text-align”屬性設置垂直文字居中，語法“文字元素{text-align:center}”。

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css如何讓垂直文字居中

在css中，可以利用writing-mode屬性設置文字垂直顯示，可以利用text-align屬性設置文字居中。

writing-mode 屬性定義了文本在水平或垂直方向上如何排布。

示例如下：

<!DOCTYPE html>  
<html>  
<head>  
    <title>test</title>  
    <meta charset="UTF-8">  
</head>  
<style>  
.one {
  width:200px; 
    height: 140px; 
    border:1px solid #000; 
    writing-mode: vertical-lr;
    text-align:center;
}  
</style>  
<body>  
    <div class="one">好好學習</div>  
</body>  
</html>

輸出結果：

css怎么讓垂直文字居中

感謝各位的閱讀，以上就是“css怎么讓垂直文字居中”的內容了，經過本文的學習后，相信大家對css怎么讓垂直文字居中這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

分享標題：css怎么讓垂直文字居中
當前地址：http://vcdvsql.cn/article4/gjogoe.html

成都網站建設公司_創新互聯，為您提供定制開發、自適應網站、企業網站制作、網站排名、網站建設、網站收錄

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都定制網站網頁設計