在p标签内使用jquery输入标签

Question

$Option = "<p>6 &lt; x &lt; 8</p>"  //For demo I have assigned directly, in reality the value will come from MySQL database.

我想把这个值显示成这样。

但我得到的却是这样的结果：

我知道为什么会这样 因为输入标签在段落标签之外

<input type="radio" name="<?php echo $i; ?>" value="A"><?php echo $Option; ?>

我怎么做才能让单选按钮在段落标签内？

Answer 1

p 元素是 block 元素的默认值。你可以让它们成为 inline 元素，通过设置 display 财产值为 inline:

$Option = '<p style="display:inline">6 &lt; x &lt; 8</p>';

更新。 如果你无法改变变量的值，那么你可以尝试使用外部或内部CSS。

input[type=radio] + p{
  display: inline;
}