div 너비를 테이블의 너비로 설정하는 방법은 무엇입니까?

Question

div입니다. table을 포함하고 있습니다. div의 width을 설정하여 table의 width이 커지면서 커지도록하는 방법을 모르겠다는 점을 제외하고는 원하는대로 모든 것이 작동합니다. 어떻게해야합니까? 감사.

#events-table-wrapper { 
    margin-left: auto; 
    margin-right: auto; 
    width: 500px; 
    margin-top: 100px; 
    border: 1px solid #CCC; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
} 

widthauto에 도움이되지 않았다 설정 :

이

은 div의 CSS 코드입니다. Btw, 나는 CSS의 테이블에서 아무것도 변경하지 않았다.

편집 : http://jsfiddle.net/ZDF2U/

Answer 1

귀하의 경우에 당신은 또한 div에서 수행 할 수 있습니다 : 여기에 라이브 버전입니다 http://jsfiddle.net/leniel/Et3t5/가 여기에 또 다른 jsFiddle의

---

: 여기

display: table; 

는 jsFiddle입니다 유사한 사례를 보여줍니다. http://jsfiddle.net/leniel/T7DTc/

div의 width: auto; 인 경우 테이블 내부에 textarea을 수용하도록 확장됩니다. width: 500px;으로 설정하면 textarea이 div 외부로 커집니다.

그래서 해결책은 width: auto;과 같습니다. 물론 코드에서 특별한 것이 간섭을 일으킬 수 있습니다.

Answer 2

설정 table { width:100% }이 해결되었습니다. 이제 나는 div을 충분히 크게 유지할 수 있으며 테이블이 그 안에 들어 맞습니다. 감사.

Answer 3

표가 포함 된 div를 inline-block으로 지정하십시오. 나는. display: inline-block. 이렇게하면 블록으로 인라인 렌더링됩니다. 또는 display: table도 사용할 수 있습니다. jsFiddle에

링크 : http://jsfiddle.net/Mr9jQ/

Answer 4

당신은 또한 div의 속성을 변경할 수는

float:left; 
width:auto;