table width 고정

bootstrap을 이용해서 잘 사용하고 있었는데

점점 장문의 글을 노출 시 팝업에 보여지는 td가 옆으로 늘어지는 현상이 발생했다...

 

td의 %값을 변경해보기도 하고 table의 width를 강제적으로 설정해보기도 했으나 무용지물이어서 멘붕인 상황이었다.

 

하지만 열심히 구글링 한 결과, table 내의 style="table-layout: fixed"을 추가하니깐 가로 길이가 고정됐다!

그후의 th의 width %만 설정해주어 th마다 범위를 설정해주었다.

 

<table class="table" border="1" style="table-layout: fixed">

<th width="4%">No</th>

<th width="15%">질문</th>

<th width="25%">답변</th>

</table>

<Table width 길이가 너무 긴 상황>

<Table 길이가 고정된 상황>

도움이 되셨다면 광고 한번씩 클릭 부탁드립니다 😁