2012-08-08 23 views
5

Đây có phải là có thể với css (có lẽ tôi có thể quản lý nó với javascript):CSS auto-width Layout mà không margin: auto

của nó về cơ bản ảnh hưởng margin: auto, nhưng tôi muốn có một nền khác nhau cho mỗi lề, vì vậy i' m tìm kiếm các div có độ rộng tự động ở hai bên của div trung tâm (cố định chiều rộng) nếu điều đó có ý nghĩa. Probs hình dung tốt hơn:

Sample layout

Trả lời

3

http://jsfiddle.net/guc9V/1/

Bit của một hack nhưng nó hoạt động.

Tôi không sử dụng giá trị chiều rộng của bạn vì jsFiddle sẽ cần thay đổi kích thước để xem cách hoạt động.

Điều này chủ yếu nói với các div hoạt động như các ô bảng, vì vậy chúng sẽ lấp đầy div chứa, hoạt động như bảng. Nếu bạn không chỉ định chiều rộng của div giữa, mỗi cột sẽ rộng 33%.

+0

Không có mô tả, không +1; nhưng 'table-cell' là con đường để đi ... – feeela

+0

+1 Câu trả lời hay, tôi vẫn còn khó xử, cố gắng làm cho nó hoạt động trong ứng dụng của tôi đang chứng minh vấn đề .. (nhờ ext js, hoặc thiếu kỹ năng của tôi với nó) –

+0

Có giải pháp tốt hơn (trình duyệt chéo). OP sẽ làm tốt để đọc về những điều cơ bản của CSS. – besluitloos