【解决方案】CSS 给 label 设置宽高无效
来源:互联网 发布:淘宝联盟的pid怎么设置 编辑:程序博客网 时间:2024/06/11 15:27
如图,我的代码是这样的:
html中:
<label class="statusCheck0">订</label>
<label class="statusCheck1">馆</label>
css中:
.statusCheck0 , .statusCheck1{color: white;
width: 20px ;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 10px;
font-size: 12px;
}
.statusCheck0 {
background-color: #18D9A3;
margin-right: 8px;
}
.statusCheck1 {
background-color: #FF4561;
}
显然,我设置的宽高完全无效。
原因:label是inline元素,定义宽度和高度都是无效的。
解决方法:加一句 display: inline-block; 或者 display: block; (后者会自动换行)
.statusCheck0 , .statusCheck1{
display: inline-block;
color: white;
width: 20px ;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 10px;
font-size: 12px;
}
效果:
0 0
- 【解决方案】CSS 给 label 设置宽高无效
- Popwindow 设置宽高无效的原因和解决方案
- 设置label高亮颜色
- js 设置css 无效
- 动态计算Label的宽高+文字设置
- label 宽高自适应
- 计算 label 宽高
- label自适应宽高
- Android 设置imeOptions无效,解决方案
- iOS给label设置click事件
- css设置元素宽高比
- CSS设置div宽高相等
- css 给span 增加width无效
- cocos creator prefab中的label设置容无效的问题
- label和span标签设置宽度width无效的解决办法
- iOS 10.3之后Label设置删除线无效
- AutoLayout Label 自适应宽高
- IOS Label 字符串 宽高
- 基本网络概念
- spring框架AOP的理解,程序高类聚的体现
- C++中基类继承 enable_shared_from_this 之后派生类无法使用 shared_from_this() 的解决方法
- 乔布斯2005年斯坦福大学毕业典礼演讲原文 – Stay hungry, stay foolish
- LINUX中信号的简介
- 【解决方案】CSS 给 label 设置宽高无效
- spring mvc的拦截器WebMvcConfigurerAdapter
- 在JAVA开发中,当获取到密码字段后,为什么将其优先赋值于char[]类型的实例而不是String 类型的?
- LeetCode 30 Substring with Concatenation of All Words (map)
- HDU 5491 The Next
- 树的直径问题
- 【泉州一中国庆集训day4】破解
- 欢迎使用CSDN-markdown编辑器
- 第八周OJ(1)求倒数和