如何在不缩小宽度的情况下居中显示SVG图像开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

紧张的豌豆 · 北航附小昌平学校举办第五届“探索杯”科技节 ...· 6 月前 ·

天涯 · 身不苦则福禄不厚，心不苦则智慧不开 - 知乎· 1 年前 ·

有情有义的沙滩裤 · 芥川龙之介（漫画《文豪野犬》及其衍生作品角色 ...· 1 年前 ·

成熟的荔枝 · 义务教育阶段辍学率上升 ...· 1 年前 ·

独立的长颈鹿 · Tesla Blog | ...· 1 年前 ·

腾讯云

开发者社区

文档建议反馈控制台

首页 TVP

最新优惠活动

文章/答案/技术大牛

发布

.rating {
text-align: center;
background-color: var(--light-grayish-magenta);
color: var(--very-dark-magenta);
font-weight: 700;
border-radius: 7px;
max-width: 26em;
margin-left: auto;
margin-right: auto;
.rating::before {
content: '';
width: 5.625em;
height: 1em;
display: block;
background-image: url(images/icon-star.svg);
background-repeat: space;
}

@media screen and (min-width: 21.885em) /* breakpoint 350px phones ---> tablets */ {
.status {
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
    .rating {
    padding: 0.9em;
    .rating::before {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 7px;
    display: block;

推荐文章

紧张的豌豆 · 北航附小昌平学校举办第五届“探索杯”科技节让科学的神奇激发学生的好奇-新华网

6 月前

天涯 · 身不苦则福禄不厚，心不苦则智慧不开 - 知乎

1 年前

有情有义的沙滩裤 · 芥川龙之介（漫画《文豪野犬》及其衍生作品角色）_百度百科

1 年前

成熟的荔枝 · 义务教育阶段辍学率上升如何把农村少年留在课堂_手机新浪网

1 年前

独立的长颈鹿 · Tesla Blog | 进口车关税降低后，买辆 Model 3 要多少钱？ - 知乎

1 年前

问 如何在不缩小宽度的情况下居中显示SVG图像 EN