Question

我正在使用以下代码片段将span添加到另一个到目前为止工作正常的范围。父跨度的内容是onyl一个名称，并且没有为任何跨度定义宽度。

我的问题是我追加的范围总是放在一个新行中，而不是直接放在父跨度之后。我必须做什么，它出现在与父跨度相同的行中，即直接在它后面？

我的功能（工作）：

function myFunction()
{
    var parentID = someID;
    var statusID = 'status' + parentID;

    $('<span/>', {
    id: statusID
    }).addClass('active').appendTo('#'+parentID);
}

示例父级范围：

<span class="user" id="someID"><strong>Last Name, First Name</strong></span>

非常感谢任何帮助，蒂姆

Answer 1

默认情况下，每个元素都要宽，因为它的内容占用空间，因此您不需要为此编写任何代码，只需删除替换元素的默认width的任何代码。

你想要达到什么目的？

我得到的唯一问题是，你的父元素比它应该占用的空间更宽。我的意思是父母正在获得更多的空间，所以孩子在实际位置下面一条线。像给父元素一样有限的空间

.parent {
  max-width: someval;
}

.child {
  width: auto;
}

还有一件事，你是如何执行你的功能的呢？

CSS：如何使span只与其内容一样宽

1 个答案: