我有一个段落，其中有两个单独的形式。但是，当加载页面时，每个表单开始的地方都有一个换行符。我正在使用以下代码:
<p style="font-size:14px;font-weight:700;color:grey;">' . $user_pic . ' <a href="profile.php?id=' . $mem_id . '" style="color:#0F39C5;">' . $knockfirst . ' ' . $knocklast . '</a> is knocking. Let him in?
<form action="messages/group/addToChat.php" method="post" name="adduser"><input type="hidden" id="newid" name="newid" value="' . $mem_id . '"><input type="hidden" id="groupid" name="groupid" value="' . $group_id . '"><a href="#" onclick="$(this).closest(\'form\').submit(); return false;" style="color:#0F39C5;font-size:15px;">Yes</a></form>
<form action="messages/group/declineKnock.php" method="post" name="declineuser"><input type="hidden" id="newid" name="newid" value="' . $mem_id . '"><input type="hidden" id="groupid" name="groupid" value="' . $group_id . '"> |
<a href="#" onclick="$(this).closest(\'form\').submit(); return false;" style="color:#0F39C5;font-size:15px;">No</a></form></p>
有什么方法可以在将它们呈现到页面上时将它们保持在同一行上吗？
最佳答案
将此添加到您的 CSS:
form {
display: inline-block; //Or display: inline;
}
fiddle :http://jsfiddle.net/trW82/
关于html - 在段落标记中将两个 HTML 表单放在同一行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18587588/