opencart 비교 테이블 너비가 같지 않음

Question

나는 opencart 웹 사이트에서 누군가가 해결할 수 있기를 바라고있는 작은 문제를 발견했습니다.

기본적으로 항목을 비교할 때 (최대 4 개) 테이블에 추가되는 숫자는 http://www.imbued.co.uk/compare이지만 테이블의 너비는 항목의 수와 관계없이 절대 동일하지 않습니다. 코딩에 익숙하지 않으므로 역학을 더 잘 이해하려면 어떤 코드가 필요한지 알려주세요. 이 템플릿의 당신의 stylesheet.css에서

Answer 1

미만 4 개 제품이있는 경우에도, 다음 줄

.compare-info td { 
    width: 20% 
} 

이는 OC의 기본 템플릿이 처리하는 방식을 추가, 테이블은 동일한 간격 보인다.

대안으로 비교할 제품 수를 결정한 다음 js를 사용하여 동적으로 td 너비를 설정할 수 있습니다. N 개의 제품이있는 경우 폭을 100/(N + 1) %로 설정