cuốn sách gpt4 ai đã làm

css - Kiểu LESS tùy chỉnh, chẳng hạn như "spanX" của Bootstrap

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 00:15:10 26 4
mua khóa gpt4 Nike

Tôi muốn tạo một phong cách LESS như thế này:

.td-middle50
{
chiều cao dòng: 50px;
căn dọc:giữa;
}

Tôi có thể áp dụng điều này để làm cho tất cả các phần tử có chiều cao dòng là 50 pixel và được căn chỉnh theo chiều dọc.

trong đó 50 là một biến.

Theo như tôi biết:

.td-middle(@vheight){
chiều cao dòng:(@vheight);
căn dọc:giữa;
}

Nhưng điều này: A) thậm chí không có tác dụng B) Tôi phải nộp đơn cho mọi td thay vì tr

câu trả lời hay nhất

看看 .span1-.span12 Cách các lớp được sử dụng trong tệp LESS của Twitter Bootstrap (nguồn) được xác định trong Họ sử dụng cái gọi là "mixin"(xem ví dụ ở đây) định nghĩa và sau đó thực thi (ví dụ ở đây).

Mã từ Bootstrap (mixins.less):

// Lưới
#lưới {
.core (@gridColumnWidth, @gridGutterWidth) {
.spanX (@index) khi (@index > 0) {
(~".span@{index}") { .span(@index);
.spanX(@index - 1);
}
.spanX (0) {}
/* ... có rất nhiều mã ở đây ... */
}
/* ... mã khác ... */
}

Việc sử dụng mixin (trong lưới.less 中):

// Đã sửa (940px)
#grid > .core(@gridColumnWidth, @gridGutterWidth);

// Chất lỏng (940px)
#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);

Một khởi đầu tốt là tìm hiểu thêm về mixin:http://lesscss.org/#-mixins

Nhưng tôi có một gợi ý: nếu bạn muốn nó hoạt động trên "biến" đã đề cậpmỗi giá trị hoạt động thì dừng lại. Điều này phải được biên dịch thành CSS, điều này sẽ không cho phép bạn làm những gì bạn muốn (áp dụng động các kiểu cho từng tiêu chí khớp với từng lớp dựa trên một phần của tên lớp) và tốt hơn là bạn nên suy nghĩ lại ý tưởng của mình.

Về css - các kiểu LESS tùy chỉnh, chẳng hạn như "spanX" của Bootstrap, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/11596856/

26 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress