Question

我有一个像这样的样式类的div，里面有一个粗体标签。该类似乎适用于常规文本和文本区域框，但不适用于粗体标记。它只有在我把类放在粗体标签本身时才有效。

我认为课程应该适用于div中的所有内容吗？它只适用于像textarea / input这样的某些标签，而不是像粗体这样的某些其他标签吗？我只是问，因为我很好奇是否有关于html / css的基本规则我不知道。我研究过div，看起来它应该像我想象的那样工作。

<style>
.indent
{
    text-indent: -2em; 
    padding-left: 2em;
}
</style>

<div class='indent'>
        <b>Other</b><br>
        blah blah blah.<br>
        <textarea rows="4" cols="10" name="others"></textarea><br><br>
</div>

Answer 1

text-indent将应用于第一行，这就是为什么只有Other缩进-2em的原因。这与粗体标签无关。例如：

<style>
.indent
{
    text-indent: -2em; 
    padding-left: 2em;
}
</style>

<div class='indent'>
        Other<br>
        <b>blah blah blah.</b><br>
        <textarea rows="4" cols="10" name="others"></textarea><br><br>
</div>

因此，如果您不希望任何内容缩进，您只需将其从班级中删除即可：

<style>
.indent
{
    padding-left: 2em;
}
</style>

<div class='indent'>
        <b>Other</b><br>
        blah blah blah.<br>
        <textarea rows="4" cols="10" name="others"></textarea><br><br>
</div>

为什么我的div类不能在嵌套的粗体标签上工作？

1 个答案: