在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#1 票数:19 已采纳

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#2 票数:4

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#3 票数:0

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#4 票数:0

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#5 票数:0

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

===============>>#6 票数:0

在此处输入图片说明

这是 CSS 圈中的图像。 我希望圆圈围绕图像,因此图像应该位于中心。 我怎样才能做到这一点?

HTML:

<div class="circletag" id="nay">
    <img src="/images/no.png">
</div>

CSS:

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.circletag.img {

}

  ask by Chobeat translate from so

未解决问题?本站智能推荐:

2回复

在图像容器内创建一个带有居中文本内容的css响应圆圈

我需要在里面创建一个带有文本的圆圈。 此圆必须位于图像全宽容器内。 Html应该如下所示: 你能告诉我如何制作这个圆圈并将它设计成容器图像的顶部中间吗? 我正在使用bootstrap 3 这是我想要创建的快照:
1回复

使用CSS在图像上绘制圆圈

是否可以使用CSS在图像上方绘制圆圈? 我有链接的图像与区域1,区域2,区域3,和区域4 区我具有与在多选选择列表这些值销售团队的形式。 如果任何区域的选择,正确的区域将被盘旋。 这是选择的区域1、2和4的示例。 1区,2区和4区 目前,我有16种不同的图像,每种可能的圆圈区域
2回复

CSS图像居中

我希望图像在单击时居中并缩放。到目前为止,这就是我所拥有的。问题是,当我按住图像上的单击以对其进行缩放时,h2和前两个段落向右移一点。 我也希望它在单击时保持缩放,而不仅仅是在按住时。 这是HTML: 这是CSS: 编辑: 这是在CSS中:
4回复

CSS - 居中图像

所以我有一个作为背景的图像,它“缩放以填充”框架,这正是我想要的,但图像不居中,因此当窗口像手机一样小时,显示的图像是只是边缘。 这是我使用的代码: HTML CSS 如果有人能给我一些提示,那就太棒了。 谢谢
7回复

如何使用CSS将圆圈中的“加号”完美居中

如何使用CSS在圆圈内水平和垂直居中加号? 这是我的代码: #container { font-size: 20px; display: block; width: 20px; height: 20px; border-radius: 50%; border: 2px soli
2回复

在CSS中居中图像

我无法弄清楚如何在移动网站上将此图片居中。 这是我正在使用的代码,我是CSS的初学者,所以我确定这是一个简单的解决方法。 只需要一些帮助。 谢谢
3回复

CSS图像居中

我有一个小块,图像宽度大于该块。 我要遮挡中心等于图像中心。 图像中心和块中心必须在1条垂直线上。 我只想看图像的中心部分。
5回复

如何在此CSS绘制圆圈内将两个字母居中?

使用此Codepen示例和其他CSS,如何将字母“ AB”居中放置在圆圈中? https://codepen.io/joseph-mueller/pen/bNEeGw这就是我想要的: .referral-credit-outer-circle { background:
1回复

在CSS中将动画中的正方形和圆圈居中

我使用静态HTML页面作为加载页面,而后端从存折下载通行证。 在此静态HTML页面上,我有一个动画,该动画使用morph在以我的徽标为中心的圆形和正方形之间转换。 问题在于,当该动画运行时(当前仅适用于iPhone,我将在稍后针对不同的iOS屏幕分辨率对其进行调整),它只是在图像上居中,而是
7回复

使用css将图像显示为带圆圈的图像

这是我的代码 - 这适用于chrome,firefox和safari ..我在Windows 7上测试过它但是在IE 8和Opera浏览器中,下面的代码不起作用而不是显示带圆圈的图像我得到的是方形图像 CSS