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;
}
1. Cuối cùng trang trí bàn trông giống như:Finally table decoration should looks like:
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;
}
4Tôi đã cố gắng đặt lại với
table.other {
font-size: 12px;
}
5 hoặc table.other {
font-size: 12px;
}
6, nhưng không giúp được gì, ý tôi là những trường hợp này: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;
}
6 cho table.other {
font-size: 12px;
}
4, do đó thuộc tính đó nên bị bỏ qua. Trong trường hợp đó, table.other {
font-size: 12px;
}
9 vẫn sẽ có hiệu lực và vì table.other {
font-size: 12px;
}
2 không áp dụng cho các phần tử table.other {
width: auto;
min-width: auto;
display:auto;
}
table.other {
width: none;
min-width: none;
display:none;
}
1, tập hợp các thuộc tính đó sẽ không làm gì cả.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;
}
2 dành cho.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;
}
3:table.other {
width: auto;
min-width: 0;
display: table;
}
EDIT:
3 Mặc định là table.other {
font-size: 12px;
}
5, không phải table.other {
width: auto;
min-width: auto;
display:auto;
}
table.other {
width: none;
min-width: none;
display:none;
}
6 table.other {
font-size: 12px;
}
table.other {
font-size: 12px;
}
3 defaults to table.other {
width: auto;
min-width: auto;
display:auto;
}
table.other {
width: none;
min-width: none;
display:none;
}
5, not table.other {
font-size: 12px;
}
6Đã 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;
}
4 mặc định cho một bảng là table.other {
width: auto;
min-width: auto;
display:auto;
}
table.other {
width: none;
min-width: none;
display:none;
}
8. Giá trị hữu ích duy nhất khác là table.other {
font-size: 12px;
}
9. Tất cả các giá trị table.other {
font-size: 12px;
}
4 khác không hợp lệ cho các phần tử bảng.Không có tùy chọn
table.other {
font-size: 12px;
}
6 để đặt lại mặc định, mặc dù nếu bạn đang làm việc trong JavaScript, bạn có thể đặt nó thành một chuỗi trống, sẽ thực hiện thủ thuật.table.other {
width: auto;
min-width: 0;
display: table;
}
2 là hợp lệ, nhưng không phải là mặc định. Chiều rộng mặc định cho một bảng là table.other {
width: auto;
min-width: 0;
display: table;
}
3, trong khi table.other {
width: auto;
min-width: 0;
display: table;
}
2 sẽ làm cho phần tử chỉ chiếm nhiều chiều rộng như cần thiết.table.other {
width: auto;
min-width: 0;
display: table;
}
5 không được phép. Nếu bạn đặt table.other {
font-size: 12px;
}
3, nó phải có giá trị, nhưng đặt nó thành 0 có lẽ cũng tốt như đặt lại nó thành mặc định.Đã 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;
}
7 sẽ hoàn toàn không hiển thị bảng, hãy thử table.other {
width: auto;
min-width: 0;
display: table;
}
8 với các khai báo chiều rộng và chiều rộng tối thiểu còn lại 'tự động'.Đã 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: //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;
}
0Đã 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