- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
我有一个简短的问题。
我正在使用如下所示的笑脸表情符号进行反馈调查。我使用的字体没有圆圈,所以我只是想画它。
我的问题是圆圈宽度从未设置,所以笑脸总是有不同的脸宽:
我的代码:
.rating-item{
border-width:3px;
border-color:black;
font-size:150%;
font-style:bold;
}
.rating-item span{
border-width: 2px;
padding:5.5px;
width:30px;
border-style: solid;
border-radius: 50%;
}
<div class="article-survey-container ">
<div class="article-survey ">
<div class="selected-text"></div>
<div class="recorded-message"></div>
<ul class="ratings">
<li data-rating="5" class="rating-item" id="muy-dificil-rating"> <span class="fontelico-emo-unhappy "> </span></li>
<li data-rating="4" class="rating-item" id="dificil-rating"> <span class="fontelico-emo-displeased"> </span></li>
<li data-rating="3" class="rating-item"id="normal-rating"> <span class="fontelico-emo-sleep"> </span></li>
<li data-rating="2" class="rating-item"id="facil-rating"> <span class="fontelico-emo-happy"> </span></li>
<li data-rating="1" class="rating-item" id="muy-facil-rating"> <span class="fontelico-emo-grin"> </span></span></li>
</ul>
<br>
<input type="hidden" name="dificultad" id="dificultad" value="">
</div>
</div>
</div>
有什么 Css/Hml 想法吗?
最佳答案
您需要将您的 span
元素设置为 display: inline-block
或 display: block
,否则默认情况下它们将被设置到 display: inline
,这意味着您的 width
声明将被忽略。
.rating-item span {
...
display: inline-block;
}
span {
background: #f00;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}
ul.inline-block span {
display: block;
}
ul.no-inline-block span {
display: inline;
}
ul {
list-style-type: none;
}
li {
display: inline-block;
}
<h2>With block or inline block</h2>
<ul class="inline-block">
<li>
<span>1</span>
</li>
<li>
<span>2</span>
</li>
<li>
<span>3</span>
</li>
</ul>
<h2>Without block or inline block</h2>
<ul class="no-inline-block">
<li>
<span>1</span>
</li>
<li>
<span>2</span>
</li>
<li>
<span>3</span>
</li>
</ul>
关于html - 在 span 字体图标上画一个圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30120206/
我想以 headless 模式(屏幕上根本没有 GUI)将 JPanel 绘制到 BufferedImage 中。 final JPanel panel = createPanel(); panel.
我是 Canvas 的新手,正在尝试创建看起来逼真的 float 粒子动画。 目前,我正在创建 400 个随机散布在 400x400 Canvas 上的粒子。 然后,在每个 requestAnimat
有没有办法在悬停时停止悬 float 画? :hover 这是一个显示动画的链接: https://codepen.io/youbiteme/pen/RprPrN 最佳答案 只需为您的 svg 悬停添
我想在谷歌地图上绘制覆盖图,其中除了特定点周围 1.5 公里半径以外的所有内容都被遮蔽了。为此,我尝试使用带有大量边框的圆圈,所以我会在边框中放置透明中心和覆盖颜色来实现这一点,但它无法渲染。
我正在尝试通过扩展类 UIView 来创建自定义 View ,该类可以在自定义 View 的中心显示一个圆圈。为了添加自定义绘图,我重写了 draw(_ rect: CGRect) 方法,如下所示。
我是一名优秀的程序员,十分优秀!