부트스트랩 관련 질문

부트스트랩 관련 질문

QA

부트스트랩 관련 질문

본문

table을 이용해서 표를 만들고 있는데요.

 


<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>

이렇게 해서 테스트를 하면 크롬으로 브라우저 창을 줄이면 이미지 처럼 잘리는데 어디가 잘못된건가요??

 

사파리에서는 딱 맞게 잘 보이고, 창도 적당한 크기에서 안 줄어드는데...

 

3531199007_1523861663.1492.png

이 질문에 댓글 쓰기 :

답변 1

테스트로 영문을 늘어놓으신 것 같은데,

word-break가 적용이 되어 있지 않기 때문에 그렇습니다.

 

입금주소 부분이 영문으로 그렇게 길지 않을테니,

테스트를 테스트용 입금 주소로 해보시고, 

입금주소가 들어갈 부분 css에 word-break: break-all;을 넣어보세요^^~

답변을 작성하시기 전에 로그인 해주세요.
전체 205
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT