【问题标题】:Links floating to the left?链接向左浮动?
【发布时间】:2019-05-27 02:41:54
【问题描述】:

我网站上的许多链接都忽略了 css 规则并浮动到左侧。这只是链接,其他文本似乎很好。您可以在此处查看,https://adsler.co.uk/dating/ 在移动视图的条款和条件下,或在隐私政策页面中查看,between you and Adsler.co.uk. By registering, you are agreeing that we will process you data in accordance with our Privacy Policy, Terms and Conditions and Cookie Policyhttps://adsler.co.uk/privacy-policy/

除了它们是非常顽皮的链接 :-) 是什么导致了这种情况以及如何纠正?

我有这个来自f12 的 html,这是我唯一能确定为潜在原因的东西。无法提供 css,因为不确定是什么原因造成的?

<div class= "entry-content" >
<p> Text <p>
<p dir="ltr">
Text...

【问题讨论】:

  • 欢迎来到 Stack Overflow!将来,不要链接到单独的站点,而是创建一个 minimal reproducible example 来演示问题并将其包含在问题中。 (外部链接的问题在于,当您在您的网站上修复此错误时,此问题对于未来的用户将变得毫无用处。)
  • (也就是说,这里的错误是您设置了a {display: block},这导致这些链接成为块元素而不是内联元素。)
  • 谢谢,但如果我取消设置a {display: block;} ,那么它将取消设置我想要的所有a's display: block;}....?

标签: html css wordpress


【解决方案1】:

这是因为您在anchor 标记上定义了display:block; 属性。

您需要将anchor 属性更改为display:inline-block; 或者您可以 用类继承覆盖anchor 属性。

.entry-content a
{
  display:inline-block;
}

希望对你有用!

【讨论】:

  • 谢谢,但是在那个 div 类下,我希望 display: block 显示 inline-block 的任何 a'S 是否也会显示?
  • @One89 如果您需要特定的元素样式block。您可以将类应用于特定元素。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-16
相关资源
最近更新 更多