HTML 표에서 셀의 너비와 높이를 지정할 수없는 이유는 무엇입니까?

Question

CSS를 사용하고 있지만 빠른 테스트를 위해 인라인 스타일 만 사용하고 있습니다.

echo "<td style='height=10px; width=10px;'>"; 

는 셀의 최대 폭은 그러나 높이 때문에 텍스트로 넘쳐 매우 큰 (높은) 얻을, 10px 있는지 확인한다 : 이것은 내가 구현하려고 코드입니다.

내가 얻으려고하는 것은 그 셀에 숨어있는 30 개 이상의 문자가있는 정보를 볼 수 없도록하기 위해서입니다.

(I은 30 자 10px보다 더 많은 것을 알고 있지만 난 그냥 일을하는지 연주하고있다!)

Answer 1

귀하의 구문이 잘못 :

나쁜

echo "<td style='height=10px; width=10px;'>"; 

좋은

echo "<td style='height:10px; width:10px;'>"; 

그러나이 방법으로 문제가 해결되지는 않습니다. spec을 읽는 방식은 고정 레이아웃 테이블 만 오버플로에서 내용을 클립 할 수 있습니다 (수용하기 위해 크기를 조정하는 것과 달리).

더 좋고/더 간단한 방법은 DIV을 사용하는 것입니다.

이 예제를 참조하십시오 : 데이터가 표이고 테이블을 사용해야 할 경우 http://jsfiddle.net/Aa4JL/

그러나, 당신이 DIV에서 셀의 내용을 포장하여 같은 효과를 얻을 수 있습니다. 당신이 높이에 따라 클리핑 신경 쓰지 않는 경우가 text-overflow: ellipsis와 함께 white-space: nowrap와 함께 고정 레이아웃 테이블을 사용하여 좋은 타원 효과를 달성 할 수

는

<table> 
    <tr> 
    <td><div style='height:10px; width:10px; overflow: hidden;'>This text is clipped.</div></td>   
    </tr> 
</table>​ 

참고. DIV로 내용을 감쌀 필요는 없습니다. 줄임표 효과는 최신 브라우저에서만 작동합니다 (이전 브라우저에서는 여전히 내용이 잘려야 함).

<table style="table-layout:fixed;width:50px;"> 
    <tr> 
    <td style='width:50px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;'>Long string of text with nice ellipses effect.</td>   
    </tr> 
</table> 

이 바이올린은 내가 방금 설명한 모든 기술을 가지고 http://jsfiddle.net/Aa4JL/4/

Answer 2

나는 당신이 그것을 할 어차피 생각 .. HTML 만 셀이 일 무슨 크기를 의미하는 셀의 기본 크기를 정의 텍스트가 없다면 텍스트가 더 크면 셀을 멈추지 않을 것입니다.

당신이하려는 일을하는 더 좋은 방법은 PHP와 substring() 함수를 사용하는 것입니다.

도움이된다면 알려 나 같은

echo "<td style=\"height:10px; width:10px;\">"; 

Answer 3

도움이 필요한 경우

데모 :하십시오 div에 td 내용을 포장 http://jsfiddle.net/LUmNc/

을 0

Answer 4

<style type="text/css"> 
td { 
    overflow-x: hidden; 

} 
</style> 

Answer 5

당신이 경우에 작동하는 것 같다, html로 속성도 큰 따옴표로 정의되어야 그

Answer 6

텍스트 오버플로를 사용할 수 있습니다. This은 text-overflow:ellipsis을 사용하는 예입니다. 위 예제에서 코드를 복사하여 jsfiddle에 예제를 만들었습니다.