테이블 만들기 <td> 반응 형

Question

페이스 북, 구글, 트위터. 큰 화면에서는 괜찮습니다. 그러나 작은 것들에서는 트위터 공유가 한계를 감추고 항목을 자동으로 다른 선으로 옮기고 싶습니다.

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 예를 들어

{디스플레이 : 인라인 블록;}

Answer 3

테이블, 사용 된 div를 사용하는 대신

수레하지 마십시오

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

.social-item{ 
    float:left;  
} 

jsFiddle