【问题标题】:what is the indenting tag in html?html中的缩进标签是什么?
【发布时间】:2014-04-12 03:25:13
【问题描述】:

我想为我正在用 html 制作的网站缩进我的文本。我不想继续输入&nsbp; 四次。我知道有办法做到这一点,但我不确定如何。谢谢!

【问题讨论】:

  • 这是 CSS 而不是 HTML 的工作。
  • 我在 Google 上搜索了 how to indent text in html 并得到了答案,我 200% 确定您也这样做了,所以...问题是什么?

标签: html css indentation


【解决方案1】:

如果你只是想缩进第一行,那就是

 p { 
   text-indent: 4em; /* or 15px, or 5%, 2rem or 3vw */
 }

您可以轻松地将其应用于 div 或任何您想要的。

如果你想缩进所有行,你当然会想要padding-left: 4em;

【讨论】:

    【解决方案2】:

    有很多方法可以在 html 中缩进文本。以下是我想到的一些:

    <blockquote>test</blockquote>
    
    <p style="margin-left: 15px;">text</p>
    
    <p style="text-indent: 15px;">Only first line</p>
    
    &nbsp;&nbsp;&nbsp;&nbsp;text
    
    <pre>  text</pre>
    
    <ul style="list-style: none;"><li>text</li>
    
    <table width="100"><td></td><td>Ewww</td></table>
    
    <dl><dd>text</dd></dl>
    
    <span style="width: 10px; display: hidden;"></span><span>text</span>
    

    您可以在以下位置查看结果:http://jsfiddle.net/2My4b/5/

    【讨论】:

      【解决方案3】:

      text-indent 可以在段落或 div 中缩进文本的第一行。

      可以这样使用:

      <element selector> {
        text-indent: <how much>;
      }
      

      如果要缩进所有行,请使用padding,如下所示:

      <element selector> {
        padding: <how much>;
      }
      

      【讨论】:

        猜你喜欢
        • 2016-01-31
        • 2017-09-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-11
        • 2015-03-27
        • 2022-01-14
        相关资源
        最近更新 更多