防止文本包装DIV

Question

应该有一个简单的解决方案，但到目前为止我没有找到。

这是我想要实现的，在单个td：

中

text text
 text txt [div [img][img] ]
txt t txt

div只是保护两个imgs不会混乱地移动（他们的按钮，左边有时看不见，需要并排放置）文本长度不一，需要排队与div齐平，不包裹它。

由于我需要对更新进行按摩，这是经常进行的，我无法通过使用第二个td来保持div来解决它，否则这将是理想的。

这是一个项目的基本代码（有几个，在for循环中组装成一个字符串，然后写入.innerHTML）

'<td class="Label" id="rank'+i+
    '">Some text of<br>arbitrary, but not great,<br>length'+
    '<div class="x">'+untie_button('off')+tie_button(i)+'</div></td>'

Class Label声明color，font和text-align：right

类x声明了一些填充和vertical-align：middle。

例程untie_button和tie_button是微不足道的，只是返回带有i附加索引的id的相应img。

我得到2个结果中的一个，这取决于我尝试的调味料：文本完全在div之上，或者包装div。

1 个答案:

答案 0 :(得分：0)

将文本刷新到一个声明为inline-block的span中，然后div也声明为inline-block，在使用vertical-align：middle声明的td中，似乎可以很好地完成我的工作（它几乎没有适应性）。我将id从td移动到span，但是没关系，因为我不是试图修改td。

*叹气*希望这有助于其他人。

Answer 1

将文本刷新到一个声明为inline-block的span中，然后div也声明为inline-block，在使用vertical-align：middle声明的td中，似乎可以很好地完成我的工作（它几乎没有适应性）。我将id从td移动到span，但是没关系，因为我不是试图修改td。

*叹气*希望这有助于其他人。