테이블 셀 td의 너비 설정이 유효하지 않은 문제를 해결하는 방법

이번에는 테이블 셀 td의 너비 설정이 잘못된 문제를 해결하는 방법을 보여 드리겠습니다. 테이블 셀 td의 너비 설정이 잘못된 경우 해결해야 할 주의 사항은 무엇입니까? 봐.

테이블 페이지를 만들 때 td에 설정된 너비가 항상 내부 콘텐츠에 의해 늘어나는 경우가 있습니다. padding을 설정할 수 있지만 직접 너비를 설정하는 것은 유효하지 않습니다. 예:

<div> 
<table border="1px"> 
<tr> 
<td width="100px" style="width: 100px !important;">1000800</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
</div> 
<table border="1px"> 
<tr> 
<td width="100px">1000000</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
* {margin: 0; padding: 0;} 
.div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}

클래스 div1의 첫 번째 셀에 너비가 설정되어 있지만 유효하지 않음을 알 수 있습니다. 셀의 내용은 항상 내용에 의해 결정되므로 "내용"이 셀을 확장할 수 있는 방법을 찾아야 하고 그게 전부입니다.

td에 div를 추가한 다음 div의 너비를 설정할 수 있습니다. 시도해 보겠습니다.

클래스 div1의 코드 일부를 수정하세요.

<td width="100px" style="width: 100px !important;">1000800</td>

변경하세요.

<td><div>1000800</div></td>

그런 다음 스타일을 작성하세요.

td div { 
width:100px; 
}

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요!

관련 읽기:

html 새 창을 열 때 하이퍼링크의 속성을 제어하는 ​​방법

css3의 점진적인 향상 및 점진적인 저하

css3의 새 단위 vw, vh, vmin을 사용하는 방법 , vmax

사용법

위 내용은 테이블 셀 td의 너비 설정이 유효하지 않은 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!