为什么 link inside indented p 也缩进
why does link inside indented p also indent
以下段落缩进css:p + p {text-indent: 1.5em; margin-top: 0}
。本段中的 a:hover 标签也在 link 的左侧缩进显示额外的 space,但我不明白为什么会这样。为什么段落缩进也适用于段落内的 link?
我找到的简单修复方法是将 text-indent: 0;
添加到 a:hover。这是最好的解决方法吗?
<p>Due to the negative impacts to migratory and resident birds, the National Audubon Society has proposed a set of siting criteria for wind turbines (PDF Download: <a href="pdf/conservation/Responsible-Wind-Power-Wildlife.pdf"> Responsible Wind Power and Wildlife</a>). An <a href="#nas-ex">excerpt</a> from this publication is copied below. Wind energy information is also available on the Audubon website (<a href="https://www.audubon.org/news/wind-power-and-birds" target="_blank">Wind Power and Birds</a>).
The text-indent property is inherited when specified on a block element, which means it will affect inline-block descendant elements as well. When dealing with inline-block children, you may want to force them to text-indent: 0;
– https://css-tricks.com/almanac/properties/t/text-indent/
您是否将 <p>
和 <a>
样式设置为 block/inline-block 元素?
制作一个堆栈片段,以便我们可以看到您的代码。
以下段落缩进css:p + p {text-indent: 1.5em; margin-top: 0}
。本段中的 a:hover 标签也在 link 的左侧缩进显示额外的 space,但我不明白为什么会这样。为什么段落缩进也适用于段落内的 link?
我找到的简单修复方法是将 text-indent: 0;
添加到 a:hover。这是最好的解决方法吗?
<p>Due to the negative impacts to migratory and resident birds, the National Audubon Society has proposed a set of siting criteria for wind turbines (PDF Download: <a href="pdf/conservation/Responsible-Wind-Power-Wildlife.pdf"> Responsible Wind Power and Wildlife</a>). An <a href="#nas-ex">excerpt</a> from this publication is copied below. Wind energy information is also available on the Audubon website (<a href="https://www.audubon.org/news/wind-power-and-birds" target="_blank">Wind Power and Birds</a>).
The text-indent property is inherited when specified on a block element, which means it will affect inline-block descendant elements as well. When dealing with inline-block children, you may want to force them to text-indent: 0;
– https://css-tricks.com/almanac/properties/t/text-indent/
您是否将 <p>
和 <a>
样式设置为 block/inline-block 元素?
制作一个堆栈片段,以便我们可以看到您的代码。