在引导工具提示上对齐div

时间:2018-08-13 07:34:11

标签: css twitter-bootstrap jquery-ui-tooltip

我为HTML视图页面生成了代码,以针对表格中的每一列显示BS工具提示。工具提示的内容,也是表状结构。我是使用div制作的,但在div上的内容很长,无法正确对齐为表格

您能帮我纠正此更改吗?

严重性级别是第二行,严重性级别的值是长行。我需要将严重性级别与相应值的开头对齐

enter image description here

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;
}

1 个答案:

答案 0 :(得分:1)

您可以尝试以下代码:

vertical-align: text-top;