Hướng dẫn how do you override a width in css? - làm thế nào để bạn ghi đè chiều rộng trong css?

Tôi muốn ghi đè kiểu dáng CSS sau được xác định cho tất cả các bảng:

table {
        font-size: 12px;
        width: 100%;
        min-width: 400px;
        display:inline-table;
    }

Tôi có bảng cụ thể với lớp gọi là

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

Vì vậy, tôi cần xóa 3 thuộc tính: ________ 12, ________ 13 và

table.other {
    font-size: 12px;
}

Tôi đã cố gắng đặt lại với

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

hỏi ngày 23 tháng 2 năm 2011 lúc 13:11Feb 23, 2011 at 13:11

Sergionnisergionnisergionni

13.1K42 Huy hiệu vàng127 Huy hiệu bạc187 Huy hiệu đồng42 gold badges127 silver badges187 bronze badges

Tôi tin rằng lý do tại sao bộ thuộc tính đầu tiên sẽ không hoạt động là vì không có giá trị

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

Bộ thuộc tính thứ hai sẽ chỉ đơn giản là ẩn bảng, vì đó là những gì

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

Thay vào đó, hãy thử đặt lại nó thành

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

EDIT:

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

table.other {
    font-size: 12px;
}

Đã trả lời ngày 23 tháng 2 năm 2011 lúc 13:17Feb 23, 2011 at 13:17

Yi Jiangyi JiangYi Jiang

48.5K16 Huy hiệu vàng135 Huy hiệu bạc135 Huy hiệu Đồng16 gold badges135 silver badges135 bronze badges

5

"Không" không làm những gì bạn cho rằng nó làm. Để "xóa" thuộc tính CSS, bạn phải đặt nó trở lại mặc định, được xác định bởi tiêu chuẩn CSS. Do đó, bạn nên tìm kiếm các mặc định trong tài liệu tham khảo yêu thích của bạn.

table.other {
    width: auto;
    min-width: 0;
    display:table;
}

Đã trả lời ngày 23 tháng 2 năm 2011 lúc 13:16Feb 23, 2011 at 13:16

Tenfourtenfourtenfour

35K13 Huy hiệu vàng80 Huy hiệu bạc140 Huy hiệu đồng13 gold badges80 silver badges140 bronze badges

Set min-width: inherit /* Reset the min-width */

Thử cái này. Nó sẽ hoạt động.

Mani

17.4K13 Huy hiệu vàng77 Huy hiệu bạc100 Huy hiệu đồng13 gold badges77 silver badges100 bronze badges

Đã trả lời ngày 20 tháng 12 năm 2013 lúc 10:07Dec 20, 2013 at 10:07

MartinmartinMartin

Huy hiệu Bạc 1111 Huy hiệu đồng1 silver badge2 bronze badges

2

Thuộc tính

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

table.other {
    font-size: 12px;
}

table.other {
    font-size: 12px;
}

Không có tùy chọn

table.other {
    font-size: 12px;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

table.other {
    font-size: 12px;
}

Đã trả lời ngày 23 tháng 2 năm 2011 lúc 13:26Feb 23, 2011 at 13:26

SpudleypudleySpudley

164K39 Huy hiệu vàng229 Huy hiệu bạc 305 Huy hiệu Đồng39 gold badges229 silver badges305 bronze badges

1

Chà,

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

Đã trả lời ngày 23 tháng 2 năm 2011 lúc 13:14Feb 23, 2011 at 13:14

StevenstevenSteven

1.1911 Huy hiệu vàng11 Huy hiệu bạc11 Huy hiệu đồng1 gold badge11 silver badges11 bronze badges

Cách tốt nhất mà tôi đã tìm thấy để hoàn nguyên cài đặt chiều rộng nhỏ là:

min-width: 0;
min-width: unset;

Untet nằm trong thông số kỹ thuật, nhưng một số trình duyệt (tức là 10) không tôn trọng nó, vì vậy 0 là một dự phòng tốt trong hầu hết các trường hợp. chiều rộng tối thiểu: 0;

Đã trả lời ngày 11 tháng 1 năm 2019 lúc 1:05Jan 11, 2019 at 1:05

Cuối cùng tôi đã sử dụng JavaScript để hoàn thiện mọi thứ.

JS Fiddle của tôi: https://jsfiddle.net/qepjh/612/

HTML:

    


Full Size Image - For Reference

CSS:

.container {
    background-color:#000;
    width:100px;
    height:200px;

    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;

}

JS:

$(".container").each(function(){
    var divH = $(this).height()
    var divW = $(this).width()
    var imgH = $(this).children("img").height();
    var imgW = $(this).children("img").width();

    if ( (imgW/imgH) < (divW/divH)) { 
        $(this).addClass("1");
        var newW = $(this).width();
        var newH = (newW/imgW) * imgH;
        $(this).children("img").width(newW); 
        $(this).children("img").height(newH); 
    } else {
        $(this).addClass("2");
        var newH = $(this).height();
        var newW = (newH/imgH) * imgW;
        $(this).children("img").width(newW); 
        $(this).children("img").height(newH); 
    }
})

Đã trả lời ngày 29 tháng 11 năm 2015 lúc 16:46Nov 29, 2015 at 16:46

Người dùngUser

22.9K38 Huy hiệu vàng111 Huy hiệu bạc201 Huy hiệu đồng38 gold badges111 silver badges201 bronze badges

Tôi đã thử:

table.other {
    font-size: 12px;
}

Đã làm cho tôi

Đã trả lời ngày 19 tháng 1 lúc 16:04Jan 19 at 16:04

RandomDeveloperRandomdeveloperRandomDeveloper

7372 Huy hiệu vàng7 Huy hiệu bạc24 Huy hiệu đồng2 gold badges7 silver badges24 bronze badges

Không tối thiểu

Quy tắc CSS là gì?

Làm cách nào để thay đổi chiều rộng thành 100% trong CSS?

Không tối thiểu