Question

我试图将文字拉到右边，但它没有发生。我已经花了2个多小时，但仍然没有运气。我做错了什么。我使用的是Bootstrap3。以下是我的代码和jsFiddle。

HTML

<table>
  <tr>
    <td>
      <a href=''><h3>Ask a Question </h3></a>
      <div class="pull-left">
        <a href='' class="tag">ABCD</a>
        <a href='' class="tag">ABCD</a>
        <a href='' class="tag">ABCD</a>
      </div>
      <div class="pull-right time">
        <span class="asked_time"> asked  2 mins ago</span>
        <a href="" class="questioner"> Praful Bagai </a> <span class="questioner_points"> 2300</span>
      </div>
    </td>
  </tr>
</table>

asked 2 mins ago应该向右移动。 jsFiddle

Answer 1

我认为问题在于表格。
给它width:100%;并删除 td 上的float:left;。

table {width:100%;}
td {float:left; /* remove this /*

正在使用 demo

或者不是删除float:left;，而是在<{1}}或px中为 td 提供宽度。

K3v1n评论后更新：

将类添加到您的表中，如:(而不是使用css将其赋予100％）

Answer 2

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="col-xs-12">
  <tr>
    <td>
      <a href=''><h3>Ask a Question </h3></a>
      <div class="pull-left">
        <a href='' class="tag">ABCD</a>
        <a href='' class="tag">ABCD</a>
        <a href='' class="tag">ABCD</a>
      </div>
      <div class="pull-right time">
        <span class="asked_time"> asked  2 mins ago</span>
        <a href="" class="questioner"> Praful Bagai </a>   <span class="questioner_points"> 2300</span>
      </div>
    </td>
  </tr>
</table>

您需要将width: 100%;提供给<table>代码

col-xs-12是一个bootstrap类，它为表提供100％宽度

Answer 3

 <img src="..." alt="..." class="pull-right">

请检查此链接： - webpack doc shiming modules

Answer 4

将“.table”类添加到您的表中，并删除TD上的“float：left”。

https://jsfiddle.net/emg0xkek/11/

<table class="table">
...
</table>

td{

}

Bootstrap pull-right

4 个答案: