如何格式化行中的h3元素

时间:2015-06-22 21:58:30

标签: html css twitter-bootstrap

<tr>
    <td><h3>Support Group:<%= supportGroup %></h3></td>
</tr>

我正在尝试格式化h3元素,使其显示在一条直线上。目前它显示为堆叠

3 个答案:

答案 0 :(得分:0)

你的意思是显示内联而不是阻止吗?

h3 { display: inline; }

答案 1 :(得分:0)

    h3 {
    display:inline;    
    }

显示内联属性会使文本显示为内联,但我相信您的问题很可能是由于表格单元格的大小太小而无法伴随其中的数据而导致的,这可能就是您遇到此问题的原因问题。什么是你的桌子的CSS,如果有的话?并不是说这是我的任何业务,而是从它看来......看起来“支持小组”不会更好地作为一个表头?比如...

    <table>
    <tr>
    <th>Support Group</th>
    </tr>
    <tr>
    <td><%= supportGroup %></td>
    </tr>
    </table>

但是,单元格,桌面和页面的宽度都会影响信息的显示方式。

答案 2 :(得分:0)

如果我们谈论bootstrap为什么要使用表? 试试这个:

 <div class='row'>
   <div class='col-md-12'>
     <h3>Support Group:<%= supportGroup %></h3>
   </div>
 </div>

check bootstrap documentation on the grid system