<nav id="qvmyt"><address id="qvmyt"></address></nav>
<pre id="qvmyt"></pre>
<u id="qvmyt"><listing id="qvmyt"></listing></u>


    <li id="qvmyt"><menuitem id="qvmyt"></menuitem></li>
    <li id="qvmyt"><source id="qvmyt"></source></li><progress id="qvmyt"><sub id="qvmyt"></sub></progress>
    <optgroup id="qvmyt"></optgroup>
  • 歡迎來到AD8000.CN 站長教程網!

    CSS

    當前位置:主頁 > 網頁制作 > CSS >

    text-indent首行縮進兩個字符和圖片縮進的問題

    時間:2017-11-22|欄目:CSS|點擊:

    段落前面空兩個字的距離,不要再使用空格了。應該使用首行縮進text-indent。
     
    text-indent可以使得容器內首行縮進一定單位。比如中文段落一般每段前空兩個漢字。
     
    <style type="text/css">
     
    p{
     
    text-indent: 2em; /*em是相對單位,2em即現在一個字大小的兩倍*/
     
    }
     
    </style>
     
    注:div標簽不要忘記起始符。text-indent只對p或div標簽有效,對br標簽不生效,原因是br標簽是換行標簽不是分段標簽。
     
    用CSS實現段落首縮進兩個字符,實現首行縮進的通用方法是加四個小角空格。
     
    在style里定義如下縮進樣式:.suojin{text-indent:2em}
     
    在需要縮進的地方使用class="suojin"即可,比如用一個div定義一整塊段落首先縮進,
     
    凡在div區域里,瀏覽器一碰上p語句(即一個新段的開始),就會執行.suojin所定義的縮進。
     
    也可以在正文中使用嵌入式CSS樣式來定義,下面舉個實例(使用時請將尖括號改為小角尖括號):
     
    <div style="text-indent:2em">
     
    <p>段落一</p>
     
    <p>段落二</p>
     
    <p>段落三<p>
     
    </div>
     
    可加了這個縮進后當遇到正文內容中有獨立段落的圖片時,圖片也會被縮進,這樣會很影響排版。而且對于縮進后的圖片大小也不好把握,對于自適應主題尤其如此。所以很多人因為搞不定圖片這個問題最后放棄了使用段落首行縮進。
     
    其實text-indent有個很奇怪的屬性,就是其內部元素遇到float或者display: block后就不繼承外部這個縮進的屬性了,也就是說,只要給圖片加上float或者display: block的 CSS 屬性后,圖片的縮進會自動失效。

    上一篇:css控制文字過長裁剪后面跟著省略號

    欄    目:CSS

    下一篇:沒有了

    本文標題:text-indent首行縮進兩個字符和圖片縮進的問題

    本文地址:

    您可能感興趣的文章

    說點什么吧
    • 全部評論(0
      還沒有評論,快來搶沙發吧!

    廣告投放 | 聯系我們 | 版權申明

    重要申明:本站所有的文章、圖片、評論等,均由網友發表或上傳并維護或收集自網絡,屬個人行為,與本站立場無關。

    如果侵犯了您的權利,請與我們聯系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

    聯系QQ:215436232 | 郵箱:215436232#qq.com(#換成@)

    Copyright © 2020-2022 站長教程網 AD8000.CN 版權所有

    河北懦蟹装饰工程有限公司