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

怎么在css中設(shè)置文本水平對齊

怎么在css中設(shè)置文本水平對齊？針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)公司技術(shù)團(tuán)隊10年來致力于為客戶提供網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、成都品牌網(wǎng)站建設(shè)、成都全網(wǎng)營銷、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗豐富的技術(shù)團(tuán)隊，先后服務(wù)、推廣了上千家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

css中可用text-align屬性來設(shè)置文本的水平對齊方式，語法為“text-align:left|right|center|justify”；值left設(shè)置左對齊，right設(shè)置右對齊，center設(shè)置居中，justify設(shè)置兩端對齊。

在一個塊級容器中，當(dāng)一行中的行內(nèi)級框的總寬度，小于容器的寬度時，通過 text-align屬性來指定這些行內(nèi)級框在行中的水平分布。

事實上，text-align屬性是通過指定行框與哪個點對齊，來決定行內(nèi)級框在行中如何進(jìn)行水平分布。他只能應(yīng)用于塊級元素，它的最典型應(yīng)用，就是指定段落中每一行內(nèi)容的水平對齊方式。

段落是一個塊級容器，容器中的每一行內(nèi)容都會生成一個行框，就可以把段落看做是這些行框的堆疊。由于并非每一行的內(nèi)容都能填滿容器的寬度，因此，就可以通過 text-align屬性，來指定每一行中內(nèi)容的水平對齊方式。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .a1{
                /*vertical-align: top; background: lightcoral;opacity: 0.7;*/
                /*vertical-align: text-top;background: lightgray;*/
                /*vertical-align: middle;font-size: 30px;*/
                /*vertical-align: bottom;background: lightgray;*/
                vertical-align: text-bottom;
            }
            
        </style>
    </head>
    <body>
        <p style="direction: ltr;">我是p標(biāo)簽我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="direction: rtl;">我是p標(biāo)簽我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="text-align: right;">我是p標(biāo)簽我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="text-align: left;">我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="text-align: center;">我是p標(biāo)簽我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="line-height: 30px;background: lightblue;">我是p標(biāo)簽我是p標(biāo)簽</p>
        <p style="vertical-align:baseline;">我是p標(biāo)簽我是p標(biāo)簽我是p標(biāo)簽</p>
        <p>A<span style="vertical-align: sub;">4</span></p>
        <p>Q<span style="vertical-align: super;">2</span></p>
        <div style="background: lightblue;height: 30px;">
            我是div
            <span class="a1">
                我是s
            </span>
        </div>
    </body>
</html>

怎么在css中設(shè)置文本水平對齊

關(guān)于怎么在css中設(shè)置文本水平對齊問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

分享標(biāo)題：怎么在css中設(shè)置文本水平對齊
本文網(wǎng)址：http://vcdvsql.cn/article34/gjidse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站維護(hù)、企業(yè)網(wǎng)站制作、定制網(wǎng)站、關(guān)鍵詞優(yōu)化、面包屑導(dǎo)航

廣告

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

網(wǎng)站優(yōu)化排名