javascript - 从所有跨度中找到最大宽度

标签 javascript jquery html css

问题陈述:

Actually I have table as you can see in image I want apply width to span dynamically. because as you can see in image Action label and dimension label are uneven

我想要这样的东西:

enter image description here

我的表格动态代码:

查看以上结果:http://jsfiddle.net/kevalbhatt18/nL1u3rpj/2/

$('#someID').html('<table class="chiled-width-100">' +
    '<tr> <td><span>Application:</span><span title ="' + response.appName + '" class="text-bold">' + response.appName + '</span></td>' +
    '<td><span>Status:</span><span class="addErrorClass" title ="' + response.status + '"" class="text-bold">' + response.status + '</span></td>' +
    '</tr>' +
    '<tr> <td><span>Dimension:</span><span title="' + response.dimensionName + '" class="text-bold">' + response.dimensionName + '</span></td>' +
    '<td><span>Error Count:</span><span title="' + response.errorCount + '" class="text-bold">' + response.errorCount + '</span></td>' +
    '</tr>' +
    '<tr><td><span>Action: </span><span title="' + response.actionName + '" class="text-bold">' + response.actionName + '</span></td>' +
    '<td><span>Message:</span><span title="' + message + '" class="text-bold">' + message + '</span></td>' +
    '</tr>' +
    '</table>');

如果可以使用 css 或其他解决方案,那么也可以,但我认为 css 是不错的选择,因为如果我使用 jquery 或 javascript,那么它需要一些循环或逻辑,所以我尝试使用 css 找到解决方案

最佳答案

请在您的代码中添加以下CSS

.chiled-width-100 tr td span{
    display:block;
    width:45%; /*adjust this accordingly*/
    float:left;
}

关于javascript - 从所有跨度中找到最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30724208/

相关文章:

javascript - iframe 的 srcdoc 总是 HTML 文档吗?

javascript - 如何更改 HTML 网站输入字段中最后 2 个字符的字体大小?

jQuery 从另一个更改操作更改操作

html - 固定位置表格标题超出屏幕

javascript - 如何使用 jQuery 在输入元素上实现占位符文本?

javascript - anchor 链接滚动动画仅在 Squarespace 上刷新 (JQuery) 后才起作用

javascript - jQuery 延迟使用 append()

HTML - 使 div 内的 div 具有全高

javascript - 选择没有下拉选项的标签

javascript - 根据与另一个数组的重合对对象数组进行排序 JS REACT REDUX