Question

我想在彼此靠近的同一行中生成添加和删除。（不在表中）

$("<p class='addChoice cutsom_button'><a href='#' class='btn lbOn addchoice'><span class='button_image'><span class='background_16 user_reply'>Add</span></span></a></p>").appendTo(".fieldChoices");

$("<p class='deleteChoice cutsom_button'><a href='#' class='btn lbOn deletechoice'><span class='button_image'><span class='background_16 user_reply'>Delete</span></span></a></p>").appendTo(".fieldChoices");

我怎样才能将它们放在同一行？

Answer 1

我怀疑你想要一种风格：

p.cutsom_button { display : inline; }

Answer 2

不要使用＆lt; p＆gt; 'paragraph'标签。

Answer 3

p标记用于表示段落，该段落是文本块，因此显示模式是块。你可以像其他人建议的那样将显示设置为内联，但这在语义上仍然是不正确的。

根据你要插入的对象的css类的名称，fieldChoices，它会建议你添加一个选项列表，因此应该使用无序列表来包含你的项目。

Answer 4

我会移除<p>代码并将这些类合并到<a>代码中。

$("<a href='#' class='cutsom_button btn lbOn addchoice'><span class='button_image'><span class='background_16 user_reply'>Add</span></span></a>").appendTo(".fieldChoices");

$("<a href='#' class='cutsom_button btn lbOn deletechoice'><span class='button_image'><span class='background_16 user_reply'>Delete</span></span></a></p>").appendTo(".fieldChoices");

或者，我会使用<span>代替<p>

$("<span class='addChoice cutsom_button'><a href='#' class='btn lbOn addchoice'><span class='button_image'><span class='background_16 user_reply'>Add</span></span></a></span>").appendTo(".fieldChoices");

$("<span class='deleteChoice cutsom_button'><a href='#' class='btn lbOn deletechoice'><span class='button_image'><span class='background_16 user_reply'>Delete</span></span></a></span>").appendTo(".fieldChoices");

Answer 5

deleteChoice 按钮应在其css中用 display：inline; 标记

http://www.tizag.com/cssT/display.php

Answer 6

我认为最好的解决方案是选择更好的标签来标记按钮。我想到了<button> ......

但无论如何，您可以使用display: inline，或者，如果您需要设置宽度，可以使用display: inline-block

Answer 7

你可以使用float left作为段落

<p>Please check this p tag</p><p>Second p tag</p>

p{
    float:left;
}

http://jsfiddle.net/W2kYm/1/

Answer 8

制作每个float并指定宽度50%或更少。

如何使两个<p>标签显示在同一行</p>

8 个答案: