如何使文本静音类向右/向右浮动

Question

我在试着让文本静音类变得正确。

向右漂，向右拉。不工作

<table class="table table-bordered">
  <tbody>
     <tr>
        <th class="card-header" colspan="2"></th>
     </tr>
     <tr colspan="2">
        <td style="display: flex;">
           <strong>Username:</strong>&nbsp;&nbsp;A Comment
           <small class="form-text text-muted">5 mins ago</small>
           <br/>
        </td> 
     </tr>
  </tbody>
</table>

文本静音向右浮动或向右拉以获得更好的视图。

Answer 1

实际上，您使用的是显示：中的flex、、父元素和浮点没有正常工作。有两个选项可以解决您的问题。

没有Flex选项1的：

删除显示:从父元素中删除，并添加带有文本静音类的浮动-右类。

​

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<table class="table table-bordered">
  <tbody>
     <tr>
        <th class="card-header" colspan="2"></th>
     </tr>
     <tr colspan="2">
        <td>
           <strong>Username:</strong>&nbsp;&nbsp;A Comment
           <small class="form-text text-muted float-right">5 mins ago</small>
           <br/>
        </td> 
     </tr>
  </tbody>
</table>

​

使用Flex选项2的：

使用显示:flex、和，说明内容：和更新次要的结构之间的间隔。

​

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<table class="table table-bordered">
  <tbody>
     <tr>
        <th class="card-header" colspan="2"></th>
     </tr>
     <tr colspan="2">
        <td class="d-flex justify-content-between">
           <div>
            <strong>Username:</strong>&nbsp;&nbsp;A Comment
           </div>
           <small class="form-text text-muted">5 mins ago</small>
        </td> 
     </tr>
  </tbody>
</table>

​