Question

实际上，我为我的页脚链接创建了一个单独的文件，它被称为footer.php，我已经为它们各自的变量分配了一些链接。然后我使用了include（）功能，并在我的主.php文件中添加了该文件。代码如下。

Code for footer.php

<?php
$about_us = "<div class="about-link"><a href="domain/about_us.php">About Us</a></div>"
$follow_me = "<div class="follow-me"><a href="domain/follow_me.php">Follow Me</a></div>"
?>

这是主文件的代码。

Code for main.php

<?php
include 'domain/footer.php'

echo "$about_us and $follow_me"
?>

此代码显示了单独行中的链接，如下面给出的示例。

关于我们
和
跟我来

我没有放置任何 br 代码。所以，我正在思考它是如何发生的，因为我正确地做了所有事情（我想是这样）。等你专家意见。

Answer 1

CSS是造成额外线条的原因。尝试将此添加到您的CSS：

.about-link, .follow-me { display: inline-block; }

Answer 2

div元素是一个块元素，而不是内联元素，这就是新行中两个链接的原因。只需删除链接周围的div或添加以下CSS：

.about-link, .follow-me {float:left;}

Answer 3

这是因为这两个链接都包含在div标签中。这将自动在新行上启动它们。

将它们包含在跨度中或使用float：left将它们放在一起。

Answer 4

因为您在div中放置了超链接标记锚标记，这就是为什么您要在两个不同的行中获取链接./

如果你想在同一个链接中获得两个链接，那么你必须为这些div设置css

.about-link, .follow-me {
 display: inline-block !important; 
}

！important 只是为了防止这些类已经具有显示属性的情况所以这个！important会覆盖并告诉浏览器只渲染这个而不是prev。定义了一个..

Answer 5

在你的CSS中你可以将float:left;添加到.about-link和.follow-me - 我还会考虑添加一个margin-right来在两者之间加一些间距。

理想情况下，您需要添加一个页脚类，这样您就不必为每个链接定义浮点数。

<div class="about-link ftr"><a href="domain/about_us.php">About Us</a></div>
<div class="follow-me ftr"><a href="domain/follow_me.php">Follow Me</a></div>

使用float：left和所需的margin / spacing

在css .ftr中定义一个新类

＆＃34;和＆＃34;在你的PHP中，这一行：

echo "$about_us and $follow_me"

应该是：

echo "$about_us $follow_me"

Answer 6

您在变量$about_us和$follow_me中使用了div。 Div是块html元素。因此你有新的路线您需要使用css将块div显示为内联。

尝试这样：

about-link, .follow-me {
  display: inline-block;
}

Answer 7

这是div标记的行为。 div是块，因此看起来像是换行符。相反，您可能希望使用{{1>}标记，内嵌，或者不要在您的链接之间关闭span。

如何在PHP或CSS中的同一行添加两个链接

7 个答案: