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