|
2017-11-06 15:07
조회: 594
추천: 0
추가 질문입니다답변 감사합니다. 2~3번의 경우 알려주신 대로 처리하여 깔끔하게 처리했습니다. 4번 답변에 따라 탭 안에 탭을 넣는 식으로 스크립트를 짜 보았는데, 아래 스크린샷과 같이 탭의 넓이가 정확하게 일치하지 않습니다. 어떻게 해결할 수 있을까요? ![]() 사용한 스크립트입니다. <div data-inven-tabs="" data-inven-tab-selected="none"> <div data-inven-tab-for="tab_08a" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 a</div> <div data-inven-tab-for="tab_08b" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b</div> <div data-inven-tab-for="tab_08c" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 c</div> <div data-inven-tab-for="tab_08d" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 d</div> <div data-inven-tab-for="tab_08e" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 e</div> <div style="clear: left;"></div> <div style="border:1px solid; max-width:100vw;" data-inven-tab-id="tab_08b"> <div data-inven-tabs="" data-inven-tab-selected="none"> <div data-inven-tab-for="tab_08b1" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-1</div> <div data-inven-tab-for="tab_08b2" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-2</div> <div data-inven-tab-for="tab_08b3" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-3</div> <div data-inven-tab-for="tab_08b4" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-4</div> <div data-inven-tab-for="tab_08b5" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 b-5</div> </div></div> <div style="clear: left;"></div> <div data-inven-tab-for="tab_08f" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 f</div> <div data-inven-tab-for="tab_08g" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 g</div> <div data-inven-tab-for="tab_08h" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 h</div> <div data-inven-tab-for="tab_08i" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 i</div> <div data-inven-tab-for="tab_08j" style="display:table-cell;vertical-align:middle;width:20vw;border:1px solid;text-align:center;">내용 j</div> </div> |

Markt