Question

我试图在foreach循环中为每个结果显示两个文本链接。但是这些链接将是要删除或更新的PDO数据库调用，因此我需要将它们列为样式，使其看起来像文本。我的问题是如何让这两个链接（作为表单）像这样左右显示：表单批准|表格删除？

目前它看起来像这样：

Form Approve (as a button)
|
Form Delete (as a button)

以下是目前的代码：

<?php
echo "<hr>" . $results[text];
?>
<form action="" method="post"><button type="submit" class="formlink">Approve</button>
</form>&nbsp;|&nbsp;<form action="" method="post"><button type="submit"
class="formlink">Delete</button></form>

IN STYLE.CSS：

button.formlink {
-moz-user-select: text;
background: none;
border: none;
color: blue;
cursor: pointer;
font-size: 1em;
margin: 0;
padding: 0;
text-align: left;
display:inline-block
}

button.formlink:hover span {
text-decoration: underline;
}

作为PHP人员的奖励，我真的更喜欢我能否将这些链接作为php中的表单回应....

Answer 1

添加样式=＆＃34;显示：内联块＆＃34;两种形式。

请参阅fiddle

CSS

form {
    display:inline-block;
}

这仅适用于演示，避免使用 element样式，而是向class添加form并添加display:inline-block规则到班级

Answer 2

由于此form级元素被视为block级别元素，因此会显示在下一行中，您可以使用display:inline-block将它们放在一行中。

此外，您可以使用名为flex

的最新CSS3属性

我确信您使用的是div之类的容器，其中包含这些表单。

因此，如果您申请display:flex;，表单也会对齐。查看Flex DEMO 。

喜欢这个CSS。

form{display:inline-block}
div{ display:flex;} /*Assuming the forms are inside this div*/

试图获得两个链接（这些是真正的形式）在页面上的同一行上排队

2 个答案: