Question

我想实现这个目标

表格示例

Number : 123
         456 
Mobile : 123

但是我实现了这样的目标

         123
Number : 456 
Mobile : 123

我在html中使用<td>和<tr>。

如何确保单元格能够处理换行符并根据我的第一个输出显示它们

＆＃13;

.td-custom {
    border: 0px solid black;
    width: 200px;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<table class="tableContainer" cellspacing="100px">
  <tr>
    <td class="td-custom">Name:</td>
    <td class="td-custom">Name</td>
  </tr>
  <tr>
    <td class="td-custom">Status Message:</td>
    <td class="td-custom">Hey i am using ........... lololol
      <br>asda</td>
  </tr>
  <tr>
    <td class="td-custom">date:</td>
    <td class="td-custom">21st Jan 2015</td>
  </tr>
  <tr>
    <td class="td-custom">Remarks:</td>
    <td class="td-custom">Nil</td>
  </tr>
</table>

＆＃13;

Answer 1

带有

的@Thomas解决方案的工作示例

.td-custom {
  border: 0px solid black;
  width: 200px;
  vertical-align: top;
}

https://jsfiddle.net/ukq61zcb

在html表中显示内联文本

1 个答案: