Question

在这个JSFIDDLE中，我希望文本（＆＃34;一段文字＆＃34;）直接包裹在它上面的文字下面（＆＃34;这很长＆＃34;）而不是红色的X.你能帮忙吗？已经有一段时间没有好结果:(

$('#myTd').contents().filter(function () {
    return this.nodeType == 3
}).each(function () {
    this.parentNode.innerHTML = this.textContent.replace('', '<span style="color:#db1926">&#10006</span>&nbsp; this is long piece of text');
});

Answer 1

这不是一个脚本问题。您需要1）使用表格单元格来包含文本，使其保持对齐，或2）使用CSS创建合适的缩进：

padding-left: 13px;
text-indent: -22px;

<强> Demo

Answer 2

我能够通过在插入的文本中添加div并应用以下属性来实现此目的：

#image {
    float: left;
}

#text {
    width: 1000px;
    display: table-row;
}

这是一个带有文本强制宽度的黑客解决方案，但它应该强制它们并排呈现。以下是jsfiddle的示例分支：https://jsfiddle.net/kq6aa4wh/2/

正确地包装文本

2 个答案: