HTML 테이블 나는 이런 식으로 뭔가가 브라우저의 창

열

<table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    ... more rows to come 
</table>

기본적으로 3 매우 짧은 텍스트가, 그리고 나는 그들이 <nobr>되고 싶어요. 다른 하나는 매우 긴 텍스트를 가질 수 있으며 나머지 모든 공간을 차지하고 싶습니다. 그러나 큰 열을 수용하기 위해 테이블이 전체 브라우저 창보다 커지게됩니다. 텍스트가 인 경우 실제로는 크기가 커지면 결국에는 깨지기도하지만 여전히 창 밖에서는 꽤 많이 깨집니다.

너비, 최대 너비를 설정하려했지만 행운이 없었습니다. 내가 도대체 뭘 잘못하고있는 겁니까?

출처

2009-07-18 ibz

실제 예를 제공 할 수 있습니까? – janhartmann

어떤 브라우저에서 문제가 발생합니까? – random

@ Random Echo Firefox. @meep 그게 내 예야. – ibz

당신의 예는 분명히 지프 락스가 말하는 것처럼 잘 행동합니다.

보고하는 문제는 긴 열에 매우 큰 단어가 있거나 내용에 공백이없는 경우에만 발생할 수 있습니다. 그럴까요? 공백 대신  을 사용하고있을 수 있으며 브라우저가 자동으로 수행하는 일반적인 줄 바꾸기를 방해하고 있습니다.

열에있는 텍스트가 전혀 줄 바꿈을하지 않으면 대부분  을 사용하고 있거나 <nobr>을 닫지 않은 것을 잊어 버린 경우입니다.

도움이 될지 확실하지 않습니다.

출처

2009-07-18 11:17:57

네 말이 맞아. 내 행 중 하나에 거대한 "단어"(공백 없음)가있었습니다. 나는 그것을 보지 못했다. 내 테이블에서 멀리 떨어져 있었기 때문이다. 감사! – ibz

나는 이것을 브라우저 (IE8과 Firefox 모두 사용)에 던졌습니다.

<html> 
<body> 
    <table> 
    <tr> 
    <td><nobr>hello</nobr></td> 
    <td>this column can contain a lot of text, for some rows.</td> 
    <td><nobr>world</nobr></td> 
    <td><nobr>hello world</nobr></td> 
    </tr> 
    </table> 
</body> 
</html>

그렇지 않으면 당신이 좋아하는 트릭을 시도 할 수도 폭 :이 브라우저 창에서 잘 머물렀다 100 % 또는 여백 : 0 자동; 테이블에 있습니다.

출처

2009-07-18 10:59:15 Zyphrax

nobr 태그를 사용하면 안됩니다. 이 아니며 유효한 HTML 태그입니다. 대신 "white-space: nowrap"CSS를 사용하십시오.

예 :

<td style="white-space:nowrap">your long text</td>

출처

2009-07-19 14:27:57

HTML 테이블 나는 이런 식으로 뭔가가 브라우저의 창

답변

관련 문제