2011-09-26 4 views
1

다른 사람들이 CSS에서 유체 표를 다시 만드는 방법을 알고 싶습니다.CSS에서 동적 테이블을 다시 만드는 가장 좋은 방법

테이블 날짜로 되돌아 가면 너비가 설정되지 않으면 표가 자동으로 조정되어 열이 맞춰집니다.

가정 해 보겠습니다. 우리는 2 열의 "테이블"디스플레이 제품을 가지고 있습니다. 왼쪽의 이미지, 오른쪽의 이름/설명.

이미지의 너비를 알 수 없습니다.

일반적으로이 상황에서 내가하는 일은 이미지를 떠 다니고 오른쪽의 내용에 오버플로를 숨기는 것입니다. 데이터 행이있는 경우 모든 것이 서로 다른 여백을 갖기 때문에 간단히 작동하지 않습니다.

예, 우리는 다음과 같이 말할 수 있습니다. 이미지가 x보다 클 수 없으므로 이미지를 왼쪽으로 떠서 오른쪽 내용에 왼쪽 여백을 설정합니다. - 또는 오른쪽의 내용을 오른쪽으로 떠올리게 할 수도 있습니다.

이 작업을 실제로 수행하는 것은 문제가되지 않지만 모든 유체를 효율적으로 사용할 수있는 방법이있는 것처럼 궁금합니다. 작업중인 사이트 중 일부는 거대한 스타일 시트가 있으며 스타일을 최소한으로 유지하십시오.

디자이너가이 이미지를 왼쪽, 오른쪽, 또는 역전 된 이미지로 사용하고 싶습니다 ... 왼쪽의 이미지를 오른쪽으로 많이 만듭니다. 그러나 상황에 따라 여백이 항상 다른 것처럼 보입니다. 정말 재사용이 가능한 클래스로 만들고 싶습니다.

답변

0

http://jsfiddle.net/simoncereska/dGnzJ/보세요. .img에 클래스 .p-r을 추가하면 다른보기가 표시됩니다. 이게 당신이 요구하는 것입니까?

+0

hrm- 나는 그렇게 생각하지 않습니다. 내가 너를 오해하고있는 것이 아니라면 ... 기본적으로 그 아래에 또 다른 행을 추가한다면 - 같은 텍스트이지만 100x100 이미지로 양쪽 행의 텍스트는 모두 – rkingon

+0

오라는 줄에 오를 것입니다. 오늘 그것에 대해 생각할 것입니다. – simoncereska

관련 문제