ProgramingTip

너비가 100 %이고 열 크기가 같은 테이블입니다.

bestdevel 2020. 11. 9. 20:08
반응형

너비가 100 %이고 열 크기가 같은 테이블입니다. (내부 이름)


우선 저는 웹 디자인을 잘하지 못합니다.

가동에 결정되는 개수의 열이있는 테이블을 동적으로 결정합니다.

html 테이블을 가지고 있습니다.

힌트가 있습니까?


<table width="400px">
  <tr>
  <td width="100px"></td>
  <td width="100px"></td>
  <td width="100px"></td>
  <td width="100px"></td>
  </tr>
</table>

가변 열 수의 경우 %를 사용하십시오.

<table width="100%">
  <tr>
  <td width="(100/x)%"></td>
  </tr>
</table>

여기서 'x'는 열 수입니다.


얼마나 많은 경우에

table-layout: fixed

열 너비를 설정하지 않는와 함께 브라우저가 총 너비를 균등하게 나눕니다.

또한이 접근 방식의 문제 일 수 있습니다.이를 사용하는 경우 오버플로 처리 방법도 있습니다.


해야 할 일 :

HTML :

<table id="my-table"><tr>
<td> CELL 1 With a lot of text in it</td>
<td> CELL 2 </td>
<td> CELL 3 </td>
<td> CELL 4 With a lot of text in it </td>
<td> CELL 5 </td>
</tr></table>

CSS :

#my-table{width:100%;} /*or whatever width you want*/
#my-table td{width:2000px;} /*something big*/

참고 URL : https://stackoverflow.com/questions/2919980/table-with-100-width-with-equal-size-columns-a-variable-name

반응형