这是我在这里的第一篇文章。我正在一个网站上工作,我已经使用了一个表来分隔不同的链接,但我试图把一个按钮旁边的一个数字,将通过我的数据库更新。我的问题是文本和按钮是偏移的,我无法使它们彼此平齐。有什么想法吗?
我不能张贴图片,因为我没有10个声誉。。。

<tr>
    <td><img src="images/logo.png" alt=""/></td>
    <td>

    <strong><font size="8">3.5</font></strong>
    </td>
    <td>
    <button type="button" id="XYZ" class="btn btn-info btn-lg rateme" data-toggle="modal" data-target="#modal">Rate it!</button>

    </td>
    <td>
      <a href="http://www.example.com">
      <button type="button" class="btn btn-lg btn-default">Visit Site!</button>
      </a>
      </td>
  </tr>

最佳答案

这似乎是一个垂直对齐问题,要解决此问题,只需将以下属性添加到<font>标记:

style="vertical-align: middle;"

所以你完成的标签应该是:
<font size="6" style="vertical-align: middle;">3.5</font>

总之,它应该看起来像:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
    <td><img src="images/logo.png" alt=""/></td>
    <td>

    <strong><font size="6" style="vertical-align: middle;">3.5</font></strong>
    </td>
    <td>
    <button type="button" id="XYZ" class="btn btn-info btn-lg rateme" data-toggle="modal" data-target="#modal">Rate it!</button>

    </td>
    <td>
      <a href="http://www.example.com">
      <button type="button" class="btn btn-lg btn-default">Visit Site!</button>
      </a>
      </td>
  </tr>

关于html - 按钮和文本偏移HTML,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31702721/

10-16 16:58
查看更多