Question

我有一个链接表，当我将它们悬停在它们上面时，它们应该变得大胆。它工作正常，但它推动了右侧的元素。我该如何解决？

PS：我认为我的CSS非常糟糕。你是否认为我应该改变它以摆脱这些问题？

              <table class="table" id="right-personal">
                    <tr class="left">
                        <td>
                            <img class="icon" src="img/twitter_alt.png"/>
                            <a href="http://twitter.com/ozmen_burak">twitter.com/ozmen_burak</a>
                        </td>
                        <td>
                            <img class="icon" src="img/facebook.png"/>
                            <a href="http://facebook.com/ozmen.b">facebook.com/ozmen.b</a>
                        </td>
                    </tr>

                    <tr class="right">
                        <td>
                            <img class="icon" src="img/quora.png"/>
                            <a href="http://twitter.com/ozmen_burak">twitter.com/ozmen_burak</a>
                        </td>
                        <td>
                            <img class="icon" src="img/github_alt.png"/>
                            <a href="http://github.com/bozmen">github.com/bozmen</a>
                        </td>
                    </tr>
                </table>

http://jsfiddle.net/XxLeY/

Answer 1

尝试在td元素上设置固定宽度。

Answer 2

问题似乎与你的tds的宽度有关，因此当实现粗体时，它会增加你所有tds的大小。设置固定宽度应该有效。个人虽然我讨厌使用表格，因为某些css并不总是在其中工作。我可能不会使用表格使用Divs等等。我希望这有帮助！：d

如何在悬停在元素上时阻止其他表格元素向右移动

2 个答案: