CSS 정렬 소스 좀 봐주세요. 채택완료
전문가님들의 도움을 요청합니다.
저희 자회사 사이트를 참고하고 있는데, 정렬이 생각처럼 안되네요.
문제는 그림의 사진들 크기가 다 제각각 이라서 정렬이 안됩니다.
뭐가 문제인지 좀 봐주실수 있을까요?
링크 : https://www.kew-ltd.co.jp/en/products/detail/01192/">https://www.kew-ltd.co.jp/en/products/detail/01192/
맨 하단부분인데,

여기서 참고한 css는
contents .column2 .frame { float: none; width: auto; margin: 20px 0 0; }
.Accessory { width: 700px; display: block; border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0 0 20px; } .Accessory_row { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; } .Accessory_item { width: 50%; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; border-width: 0 1px 1px 0; } .Accessory a { padding: 5px; } .Accessory dl { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Accessory dt { width: 50px; height: 50px; line-height: 50px; margin-right: 5px; } .Accessory dt img { max-height: 100%; max-width: 100%; } .Accessory .AccessoryLink { text-align: left; padding-left: 8px; text-indent: -8px; } .Accessory .AccessoryLink:before { margin-right: 2px; }
출력하면,

이렇게만 나오네요.
며칠을 헤메고 있는데, 넘 힘드네요.
진심어린 조언 부탁드립니다.
출력 링크는 여깁니다. http://sejin.idkorea.biz/bbs/board.php?bo_table=0109&wr_id=1">http://sejin.idkorea.biz/bbs/board.php?bo_table=0109&wr_id=1
답변 3개
답변을 작성하려면 로그인이 필요합니다.
로그인
이것저것 조금씩 수정했더니 완벽하진 않지만 어느정도는 된 것 같아요.
조언해주셔서 감사드려요.