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

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 个元素。您可以通过将 display 属性值设置为 inline:

来使它们成为 inline 元素

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

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

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

input tag inside p tag using jquery