css - 在引导工具提示上对齐 div
问题描述
我为 HTML 视图页面生成了代码,以针对表中的每一列显示 BS 工具提示。工具提示的内容,也是表格结构。我使用 div 制作了它,但是在 div 上的长内容没有正确对齐为表格
你能帮我纠正这个变化吗?
严重性级别是第二行,针对严重性级别的值是长的。我需要将严重性级别与相应值的开始对齐
HTML(通过 rails 模板生成)
<div data-toggle="tooltip" data-placement="right" data-html="true" title="" data-animation="true" data-original-title="
<div style = 'width:200px,'>
<div class ='tool-tip-cells'>Repair Method </div>
<div class ='tool-tip-cells'> Repaint </div><div class ='tool-tip-cells'>Severity Level</div>
<div class ='tool-tip-cells'>Damage 2.5cm to 7.5cm in length and/or diameter</div>
<div class ='tool-tip-cells'>Estimate No.</div>
<div class ='tool-tip-cells'>9176863</div>
<div>">Rear Bumper RHS (Scuffed)</div>
CSS
.tool-tip-cells{
text-align: left;
width: 100px;
display: inline-block;
}
解决方案
你可以试试这段代码:
vertical-align: text-top;
推荐阅读
- javascript - 挑战:BigQuery 递归乘法和求和
- rust - XNextEvent() in Rust segfaults
- jquery - Shopify 上的 Slick.js 滑块
- python - 使用 pip 安装后没有模块命名错误
- laravel-backpack - Backpack-for-laravel: 为browse_multiple显示图片
- python - 在 Python 中使用上下文管理器和条件变量来保证线程安全
- scala - 如何删除乱序的 Spark 值
- angular - 如何用子菜单组织模块?
- java - 如何在android中动态添加小部件?
- python - Django模型TextField显示邮政编码格式