代码之家 › 专栏 › 技术社区 › Hobbes

负缩进不起作用?

antenna-house css-paged-media

0

Hobbes · 技术社区 · 6 年前

我正在使用CSS页面媒体创建PDF。我的大部分内容都是正常对齐的,但是我有几个段落要做负缩进:它们应该从其他内容左边2.5毫米开始。

这是我的CSS到目前为止:

h2{
字体系列:Arial;
背景色:ff0000;
字体大小:12pt;
字体粗细:粗体;
颜色:白色;
左垫:2.5mm;
文本缩进:-2.5mm;
}
这是预期效果:



当我在天线室(6.5)中尝试上述操作时,红色背景块的左边缘仍与文本“本维修手册…”的左边缘对齐。

因此,text indent:-2.5mm;does't appear to be working as I expected.我怎样才能得到我想要的效果?

这是迄今为止我的CSS:


h2 {
    font-family: Arial;
    background-color: #FF0000;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    padding-left: 2.5mm;
    text-indent: -2.5mm;
}


这是预期效果:




当我在天线室(6.5)中尝试上述操作时,红色背景块的左边缘仍与文本“本维修手册…”的左边缘对齐。


所以text-indent: -2.5mm;似乎不像我期望的那样工作。我怎样才能得到我想要的效果?

1 回复 | 直到 6 年前

1

Tony Graham 6 年前

你很亲密。放下 padding-left 并使用:

文字缩进:2.5mm;

或删除 text indent 并使用:


   
   
   
   
   margin-left: -2.5mm;
padding-left: 2.5mm;

   
    在这种情况下效果是一样的。这是消极的
    
     margin-left
    
    
     h2