CSS word-break으로 줄바꿈을하면 테이블 사이즈가 자동으로 늘어나질 않습니다.
본문
소스와 참고이미지 아래 있습니다.
<ul><li><ul><li></li><li></li>로 li태그 속에 값이 들어갑니다.
.viewDetailAllOutput { word-break:break-all;display:inline-block; vertical-align: middle; box-shadow:3px 0px 16px rgba(0,0,0,0.06); margin:2px -6px 0 0; box-sizing:border-box; padding:8px 8px 8px 8px; border:1px solid #f4f4f4;}
.detailInfo3 table:nth-child(2) {width:834px; height:100%;}
.detailInfo3 table:nth-child(2) tr:first-child td {vertical-align: top; padding-bottom:11px; box-sizing: border-box; width:834px; height:100%; border:1px solid #f0f0f0; b
<table cellspacing="0" cellpadding="0">
<td></td>
</table>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<ul class="conMenuTit">
<li>
<ul>
<li><input style="width:205px; margin-left:6px;" tabindex="23" type='text' class="allInput" name='wr_option12_1' value='<?=$wr_option12_1?>' maxlength='30'></li>
<li><input style="width:75px;" tabindex="24" type='text' class="allInput" name='wr_option12_2' value='<?=$wr_option12_2?>' maxlength='10'><input style="width:75px; margin-left:10px;" tabindex="25" type='text' class="allInput" name='wr_option12_3' value='<?=$wr_option12_3?>' maxlength='10'>
답변 2
/theme/basic/skin/board/estimate/style.css
.detailInfo3 table td ul li {display:inline-block;height:44px;text-align:center;}
>
.detailInfo3 table td ul li {display:inline-block;text-align:center;}
해당 CSS 가 아닌 외부에서 적용되기도 합니다.
어딘지 모르겠으면 URL 올려주세요.