[英]Is there a way to make this CSS more concise?
以下CSS似乎正在做我想要的。 只是想知道它是否可以修剪并仍然做同样的事情。
.qr-setup {
text-align: center ;
margin-left: auto ;
margin-right: auto ;
width:40% ;}
.qr-setup table {
text-align: center ;
margin-left: auto ;
margin-right: auto ;
width:80% ;
}
.qr-setup table tr td {
border: none;
text-align: center ;
margin-left: auto ;
margin-right: auto ;
width:80% ;
}
你只需要这个:
.qr-setup {
width:40%;
}
.qr-setup table, .qr-setup table tr td {
width:80%;
}
.qr-setup table tr td {
border: none;
}
.qr-setup, .qr-setup table, .qr-setup table tr td {
text-align: center;
margin-left: auto;
margin-right: auto;
}
您可以使用逗号重复所有列出的css。
.qr-setup, .qr-setup table, .qr-setup tr td {
text-align: center ;
margin-left: auto ;
margin-right: auto ;
width: 80%;}
.qr-setup {
width:40% ;
}
.qr-setup table tr td {
border: none;
}
甚至还有一个简写
margin-left: auto;
margin-right: auto;
亦即
margin:0 auto;
此代码将margin-top和margin-bottom设置为0,margin-left和margin-right设置为auto。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.