css怎么讓垂直文字居中

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

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

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

本教程操作環(huán)境：windows10系統(tǒng)、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怎么讓垂直文字居中”的內容了，經(jīng)過本文的學習后，相信大家對css怎么讓垂直文字居中這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關知識點的文章，歡迎關注！

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

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、自適應網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站排名、網(wǎng)站建設、網(wǎng)站收錄

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

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

css怎么讓垂直文字居中