表格响应迅速

Question

我有三股：facebook，google，twitter。在大屏幕上它可以正常工作，但是在小屏幕上，Twitter分享隐藏在极限之后，我希望该项目能够自行转换到另一条线。

http://jsfiddle.net/ruhnq/46/

上面的jsfiddle可能会在你的屏幕上非常酷。但想象你有一个更小的，这是它的样子： http://quirktools.com/screenfly/#u=http%3A//jsfiddle.net/ruhnq/46/&w=1024&h=600

<table style='border: 1px solid #ccc; float: right; width: 37%; display: block'>

我该如何避免这种情况？

Answer 1

不要将表用于非表格数据。

您可以将按钮包裹在div中，并为其指定宽度。

例如：

.test { width: 25%; border:1px solid red; }

<强> JSFiddle Demo

Answer 2

也许可以尝试：td {display：inline-block;}

Answer 3

不要使用表格，而是使用div和浮点数

.social-container{
  border:1px solid #ccc;
  float:right;
}

.social-item{
  float:left;    
}

jsFiddle