在没有新行的情况下调整td中的动态加载内容

在将数据动态加载到表的TD后，这些值跳转到换行符，而不是增加TD的大小。在没有新行的情况下调整td中的动态加载内容

<table> 
    <tr> 
    <td style="width:250px"> 
    <div> 
    <b>My Value is :</b> 
    <span class="ass">0,00</span> 
    </div> 
    <i style="color:grey" class="fa fa-refresh"><span class="mo">Click refresh</span></i> 
</td> 
    <td > 
<button value="Submit" class="button success " type="button" name="Management" id="Management"> 
    Refresh <i class="fa fa-refresh"></i> 
</button> 
    <button value="Submit" class="button success " type="button" name="Management1" id="Management1"> 
    Revert Back <i class="fa fa-refresh"></i> 
</button> 
</td> 
</tr> 
</table> 

<span class="daal"></span>

小提琴供参考：https://jsfiddle.net/3t6o1kor/

是否有HTML/CSS任何方式来创建新的生产线，但扩大TD调整新的文本？

来源

2016-04-11 fatherazrael

你解决了你的问题吗？ –

感谢您的询问。这些变化正在测试中。我将在周一前来测试其他服务器上的测试结果。即使我不能在当地测试，我不觉得标记基于工作小提琴的答案:) – fatherazrael

你的桌子太小了！为了使您的TD大插入这对你的CSS：

table{ 
    width: 100%; 
} 
td{ 
    width:50%; 
}

来源

2016-04-11 12:48:30 WetWer

的问题是，你的TD已经固定大小。有两种解决方案：

您可以将td宽度更改为350px，因为该值不适合250px。
另一个选项是删除宽度。在这种情况下，td会增加尺寸。

来源

2016-04-11 12:48:42

你可以这样做：

$(document).on('click', '#Management', function(e) { 
    $(".ass").html("2132123242342342343213,00"); 
    $(".daal").html("See the new value jumps to new line. It should come in single line and do not create new line i.e td should expand automatically? Is there any way to do that in CSS or you can suggest other ways?"); 
    $(".mo").html("Click Revert Back"); 

    var my_b = $('#container_value').find('b').width(); 
    var my_span = $('#container_value').find('span').width(); 
    $('#container_value').width(my_b + my_span + 20); 
}); 

$(document).on('click', '#Management1', function(e) { 
$('#container_value').css('width', 'initial'); 
    $(".ass").html("0,00"); 
    $(".daal").html(""); 
    $(".mo").html("Click Refresh"); 
});

看到这里https://jsfiddle.net/3t6o1kor/1/

来源

2016-04-11 12:49:44 Greg

尝试增加white-space:nowrap;到td防止缠绕。

jsFiddle

来源

2016-04-11 12:55:20 Stickers