Trừ chiều rộng CSS

Question

Làm cách nào để trừ chiều rộng trong CSS?

Ví dụ:

width = 100% - 10px

Tôi không nói về đệm hoặc lề.

Answer 1

Bây giờ với calc giải pháp sẽ là:

width: calc(100% - 10px); 

Calc có thể sử dụng với Ngoài ra, trừ, nhân , Sư đoàn.

lưu ý khác:

Lưu ý: + và - nhà khai thác phải luôn được bao quanh bởi khoảng trắng. Ví dụ: Toán hạng của calc (50% -8px) sẽ được phân tách thành một tỷ lệ theo sau là độ dài âm, biểu thức không hợp lệ, trong khi toán hạng của calc (50% - 8px) là phần trăm theo sau là trừ ký hiệu và độ dài. Hơn nữa, calc (8px + -50%) được coi là chiều dài tiếp theo là dấu cộng và phần trăm âm. Các toán tử * và/ không yêu cầu khoảng trắng, nhưng thêm nó cho sự nhất quán là cho phép và được khuyến nghị.

Answer 2

Đơn giản: bạn không thể thực hiện việc này. Bạn sẽ phải sử dụng một số cách giải quyết khác.

Answer 3

Thực ra không có chức năng nào như vậy. Tất cả những gì bạn có thể làm là:

width:auto; 
margin-right: 10px; 

không phải là thứ bạn muốn.

Answer 4

Cách duy nhất để đạt được điều này là xây dựng CSS của bạn sử dụng LessCSS hoặc một công cụ tương tự và sau đó xử lý những tập tin này vào CSS được tạo ra - bạn không thể làm điều đó một cách nhanh chóng

Answer 5

Vâng, cho đến khi CSS3 calc() được phát hành vào tất cả các trình duyệt chính, tất cả những gì bạn phải làm là bọc một div với nhau và sử dụng một số lề-lề. HOẶC, bạn có thể sử dụng một số javascript, như đếm chiều rộng của màn hình và thiết lập chiều rộng của một div cho phù hợp.

Answer 6

Bạn có thể làm điều này với SASS, nếu bạn đang sử dụng ngăn xếp hỗ trợ nó. Tôi chỉ biết Ruby, nhưng cũng có thể là những người khác.

SASS là mã kiểu CSS tạo CSS truyền thống, bạn có thể sử dụng các biến và v.v.

Answer 7

Thông thường, người ta sử dụng phương pháp động, tạo mã khi đang di chuyển. Ví dụ, trong PHP, khi viết phần CSS,

$width = $all - 10; 
echo 'width:' . $width . 'px;';