table을 이용해서 표를 만들고 있는데요.
Copy
<table class="tabl">
<thead>
<tr class="d-flex">
<th class="col-3" >방문일자</th>
<th class="col-7" >입금주소</th>
<th class="col-2" >지급확인</th>
</tr>
</thead>
<tbody>
<tr class="d-flex">
<th class="col-3">2018-05-02</th>
<td class="col-7 pro_add">kKJDUD8fdhkjhskKJDUD8fdhkjhsdjkfhskjDFD8fdhkjhsdjkfhskjDF</td>
<td class="col-2"><span>지급</span></td>
</tr>
<tr class="d-flex">
<th class="col-3">2018-05-01</th>
<td class="col-7 pro_add">kKJDUD8fdhkjhskKJDUD8fdhkjhsdjkfhskjDF</td>
<td class="col-2"><span>지급완료</span></td>
</tr>
</tbody>
</table>이렇게 해서 테스트를 하면 크롬으로 브라우저 창을 줄이면 이미지 처럼 잘리는데 어디가 잘못된건가요??
사파리에서는 딱 맞게 잘 보이고, 창도 적당한 크기에서 안 줄어드는데...
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
nanati테스트로 영문을 늘어놓으신 것 같은데,
word-break가 적용이 되어 있지 않기 때문에 그렇습니다.
입금주소 부분이 영문으로 그렇게 길지 않을테니,
테스트를 테스트용 입금 주소로 해보시고,
입금주소가 들어갈 부분 css에 word-break: break-all;을 넣어보세요^^~
답변에 대한 댓글 1개
2018-04-16 (월) 16:28:02
답변을 작성하려면 로그인이 필요합니다.
제가 딴걸 해놧엇네요;