HTML 테이블 형식 질문

두 개의 열이있는 HTML 테이블이 있습니다. 마지막 행에 대해서는 다음을 원합니다.HTML 테이블 형식 질문

두 열에 걸쳐 하나의 셀이 있습니다. (colspan = "2")이 셀의 너비는 테이블의 너비를 지나서 증가하지 않습니다. 해당 셀의 텍스트가 너무 커지면 언제든지 다른 행으로 확장하려고하지만 표의 너비를 늘리지는 않습니다. catch는 테이블의 너비가 다른 행 (마지막 행 제외)으로 확장하지 않고 두 개의 열을 포함해야하는만큼 커야합니다.

편집 : 내가 가지고있는 것은 작동하지 않습니다. 문제는 "정말로 긴 텍스트"가 너무 길면 새로운 행을 추가하는 대신 다른 "텍스트"메시지를 확장한다는 것입니다.

마지막 행에

<table> 
<tr><td>text</td><td>text</td></tr> 
<tr><td colspan="2">really long text</td></tr> 
</table>

출처

2011-08-19 WillHaack

그리고 당신은 시도 무엇을 가지고 : 텍스트가 긴 경우

<table><tbody> <tr> <td>text</td> <td>text</td> </tr> <tr> <td colspan="2" style="max-width:40px; word-wrap: break-word;">really long textsadfadfadfadfadfadsfadfadsfadfadsfasdfasdfasdfasdfasdfasdfasdfasdfa</td> </tr> </tbody></table>

이 (국경없는)과 같은 테이블을 생성은, 마지막 행은 다음 폭에 맞는 높이 증가 지금까지? –

현재 작동하지 않는 마크 업은 무엇입니까? –

귀하의 질문을 수정하는 것이 좋습니다. 품질이 매우 낮고, 마크 업하고, 시도한 것을 게시하십시오. – Jakub

, 사업부의 내용을 포장하고, 100 %처럼, 그것을 이런 식으로 늘 테이블의 폭을 증가하지만, 단지 주변 포장을 폭을 제공합니다.

당신은 내가 당신이 원하는 경우 내용이 동적으로 새 행을 만들 것을 당신에게이이 질문의 HTML과 CSS 태그 때문에

<td colspan="2"> 
    <div style="width:100%"> The content here</div> 
</td>

, 당신은 자바 스크립트를 사용해야합니다. 스크립트가 없으면 적어도 내가 아는 것이 불가능합니다.

출처

2011-08-19 17:16:55 Ibu

시도했지만 여전히 테이블을 펼치고 있습니다 – WillHaack

너비를 고정 시키려고 했습니까? – Ibu

"TD-Wrap : Break-Word"로 TD 스타일을 지정해야합니다. 테이블 또는 TD의 최대 너비를 설정하십시오.

enter image description here

출처

2011-08-19 17:50:58

@WillHaack - http://jsfiddle.net/uDGbm/에서 예를 찾아 볼 수 있습니다. –

@Stephen P - 좋은 앱, 공유해 주셔서 감사합니다 :) (+1) –

HTML 테이블 형식 질문

답변

관련 문제