CSS问题:如何将按钮的中心部分切成圆圈

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap

我正试着把一个纽扣做成一个圆圈。下面是下面的代码：这是相当成功的。但还有一个问题，看起来是这样的： position: relative;<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0

浏览 16提问于2018-02-03得票数 1

回答已采纳

1回答

XNA:我怎么能只画一片我的雪碧呢？

c#、xna

我目前正在构建一个关于XNA(C#)基础设施建设和管理的游戏。我目前正在努力实现的是使游戏在火车轨道之间拉“弯”。我只想画一个圆圈纹理的一部分来完成这个任务。换句话说，我只想画一个这种纹理的“披萨片”。需要绘制的圆圈的切片是基于以下三点：这三点决定了我的圆圈</

浏览 3提问于2014-04-30得票数 4

1回答

iOS 4中的resizableImageWithCapInsets

ios、objective-c

我需要为每个表单元格创建一个非常复杂的背景图像：它的中心有一个透明的圆圈。我的单元格的高度取决于它的内容--它可能会有所不同。但是我需要这个圆圈总是在背景图像的中心，并且有一个恒定的大小。我的解决方案是:将图像切成两部分，然后使用resizableImageWithCapInsets:方法创建两个UIImageView，并将它

浏览 1提问于2013-05-27得票数 0

回答已采纳

2回答

如何使用flex进行响应式设计？

html、css、flexbox

This是我的网站地址在检查模式移动视图中，当我单击脚跟的最后一个圆时，两个圆圈出现在它的顶部。我希望这两个圆圈出现在中心。如果我从css中删除justify-content: space-between，那么这两个圆圈将出现在中心。然而，当水平滚动时，第一个圆圈只出现在移动视图中的一部分。如何解决这个问题？谢谢

浏览 19提问于2021-07-14得票数 0

回答已采纳

1回答

定位背景图片

css

我可能会问一些非常简单的问题，但我在这里很困难。* { padding: 0; margin: 0; }

浏览 0提问于2012-04-17得票数 1

回答已采纳

1回答

背景-图像1 1px移位

html、css

我正在开发我的第一个网站，我正经历一个问题，一个像素移位的地方。</p> </div>CSS (不是全部)： padd

浏览 0提问于2014-10-01得票数 2

回答已采纳

1回答

对文本使用掩码div

html、css、css-animations

我正在用html5和css3做一个按钮。我正试图为我的按钮制作一个像这样的悬停动画。当鼠标悬停在按钮上时，白色圆圈从中心展开，圆圈内的按钮文字以黑色字体颜色显示(以使其更易读)。我试图在按钮中放一个div，但是我无法将黑色文本放在与按钮文本相同的位置。

浏览 3提问于2014-02-02得票数 1

回答已采纳

3回答

中间有半圆的Div

html、css

我正在做一个div，上面的边框中间有一个半圆，就像下面的图片：这个黑色正方形是一个div (意图是一个模态)，在中间的边框被切成一个圆圈。红色部分是页面背景(可以是任何.图片，文字)。我如何在html/css中做到这一点？我尽量避免用图像来做这个！！谢谢

浏览 3提问于2017-10-12得票数 0

回答已采纳

2回答

关于Hover，延迟切换序列

jquery、hover、toggle、delay

我有一个垂直和水平中心的页面。在这一页中，我有一系列同心圆，中心有一个按钮。我要完成的是以下几点：请随时检查代码

浏览 3提问于2011-04-23得票数 2

回答已采纳

1回答

如何在RDLC报表的中心显示报表数据？

c#、winforms、rdlc、reportviewer

我使用RDLC生成产品收据，但面对RDLC.All中的布局和设计问题，我的报告内容没有进入中心。我和我的page size is 7.30 centimeter想把这个内容放在报告的中心另外，我的第一个桌子边的边框被切成红色的圆圈如何将所有内容都放在rd

浏览 0提问于2019-04-11得票数 7

1回答

如何在Svelte材质用户界面中旋转按钮

css、material-ui、svelte

我需要一个使用sveltemateriaui的圆圈按钮。在中没有类似的例子，但是尝试使用普通的css来获得它，我得到了这样的结果：不是一个圆，是一个椭圆。唯一的方法，我得到它是设置宽度和高度超过50 px，但在这种情况下，按钮太大。我怎样才能得到一个圆圈按钮与图标关闭，垂直和水平中心？

浏览 6提问于2022-01-26得票数 0

回答已采纳

1回答

使用jsPDF添加圆角图像

javascript、image、jspdf

我正在使用库向我的PDF文档添加一个图像： document.circle(20, 20, 10, 'S');new Image(); callback(image);} 问题是，在添加图像之前，我想要在创建的圆圈中匹配图像。我如何将我的图

浏览 3提问于2020-01-23得票数 1

1回答

Chrome中的文件上传样式

html、css、google-chrome、firefox

我有一个html公式在一个网站的一部分，只有特定的管理用户可以访问。在这种形式下，您可以上传csv文件。由于只有一小部分用户能够做到这一点，所以功能比样式更重要。所以我决定不做通常的戏法，在球场上涂上一个div。我只想归档一件事:字段中的文本应该与FF (垂直和水平居中的文本)中的Chrome相同。您可以看到这两个渲染：铬：<input type="file" class="button

浏览 3提问于2014-12-23得票数 2

回答已采纳

1回答

如何将文本居中，如果在行的右边有项

html、css、sass

这是我想要的。黑色部分是集装箱舱。蓝色部分是主标题文本div，粉红色部分是应该放置在容器div右侧的按钮。问:如何将标题文本居中，所以它将是容器div的中心，而不是蓝色部分的中心？我的问题是，当我给出粉红色按钮的位置:绝对；该按钮保持浮动时，滚动。

浏览 0提问于2022-11-23得票数 -1

回答已采纳

4回答

如何使<div>在<button>中居中？

javascript、html、css

我有一个圆形的<按钮>，里面有一个< div >，表示Unicode图像。当前，按钮设置为边框半径:12 is；高度:24 is；宽度:24 is；< div >设置为字体大小:17 is。< div > Unicode图像位于内部，但不居中，按钮稍微偏偏。我想创建一个圆圈/圆形按钮与一个

浏览 11提问于2016-09-10得票数 1

1回答

如何使用蚂蚁设计在ReactJS中对图像应用半圆掩码并在图像中添加按钮？

html、css、reactjs、antd

我想为图像创建一个半圆面罩，在这个面具的中心有一个带有摄像头图标的按钮，但是我很难找到一种方法，我的方法是在照片的同一位置创建一个圆圈图像，然后将这个圆圈剪辑到下半部分。我正在使用ReactJ和ant。耽误您时间，实在对不起。

浏览 6提问于2019-10-29得票数 0

回答已采纳

1回答

更改闪亮的动作按钮的形状

r、shiny

谁知道如何将动作按钮的形状从正方形变成闪亮的圆圈？action-button btn-success btn-lg ",)数据中心

浏览 2提问于2017-02-01得票数 5

回答已采纳

3回答

UIImageView上的多个按钮

iphone、ios、uiimageview、uibutton

我的视图上有一个UIImageView。图像的某些部分，我想用作UIButtons。但问题是，这些图像部分并不是规则形状的。我真的什么都没试过。我想到的直接解决方案是识别图像的小框架，并在该框架上放置自定义按钮。但是由于图像部分(按钮区域)不是规则形状，所以这个概念失败了。如何在UIImageView上放置按钮，使图像特定部分(非规则形状)对某些操作做出响应。考

浏览 0提问于2012-02-01得票数 0

回答已采纳

1回答

我正在处理一些地理数据，使用Google在地图上生成圆圈。很简单。数据来自一个MySQL数据库，我正在使用PHP在加载时将其打印到脚本中。JavaScript对象的结构如下所示： 1 : { center : new google.maps.LatLng(55,-1), size: 1000},2 : { center : new google.maps.LatLng(56,-2), size: 2000}目标这些圆圈不是任意的，它们所代表的位置有我想要

浏览 3提问于2013-10-02得票数 0

回答已采纳

1回答

在ASP.NET网站中使用css仅显示图像并使其余页面褪色

asp.net、html、css

当按钮被点击时，我正在显示一个图像。如何将图像的CSS设置为使页面的图像中心和页面的其余部分褪色且不可单击。我想只显示图像和其余的页面应该是淡入淡出。如何使用CSS完成此操作 <img runat="server" id="aajaxLoader" style="background-color: White; z-index:auto; width

浏览 2提问于2012-01-23得票数 0

点击加载更多