如何正确使用<br/>?

时间:2019-05-22 18:30:03

标签: html

我有一些链接ID喜欢放在连续的行上,但是<br>似乎不起作用。一行上的文本,下面的链接,每行之间都有单独的行和空格(间隔布局与其他页脚小部件一样),请参见第https://adsler.co.uk

© Adsler 2019-2039 All rights reserved.<br><a 
href="https://adsler.co.uk/privacy-policy/">Privacy Policy</a><br><a 
href="https://adsler.co.uk/terms-and-conditions/">Terms and 
Conditions</a>  
<br><a href="https://adsler.co.uk/cookie-policy/">Cookie Policy</a>

我有这个CSS,但是肯定不会影响页脚小部件吗?

Css:

.awpcp-listing-excerpt-extra br 
{display: none;} 

3 个答案:

答案 0 :(得分:0)

您可以将这些CSS定位到这些锚标记并将它们设置为显示为块级元素,然后完全不需要使用<br>

a {
  display: block;
}

只需将一个类添加到要影响的特定锚标记中即可。例如,仅第二个锚标签将受到影响:

<a href="#">Blah</a>
<a href="#" class="display_as_block_element">Blah</a>

.display_as_block_element {
   display: block;
}

答案 1 :(得分:0)

看看这个我已经测试过了

<p style="margin-bottom: 0px;font-size: 16px;line-height: 24px;">© Adsler 2019-2039 All rights reserved.</p><br><a href="https://adsler.co.uk/privacy-policy/">Privacy Policy</a><br><a href="https://adsler.co.uk/terms-and-conditions/">Terms and Conditions</a><br><a href="https://adsler.co.uk/cookie-policy/">Cookie Policy</a>

答案 2 :(得分:0)

使用2x ALTER

解决
<br>