3 div具有相同的CSS，但高度不同
阿米尔·雷扎·侯赛尼（AmirReza Hosseini）
我的意思是制作类似于左窗的东西，但最终效果如右图所示。3 div具有相同的CSS代码，但高度不同。
span div {
background: #262626;
height: 1.5px;
width: 20px;
margin-top: 6px;
border-radius: 15%;
}<span>
<div></div>
<div></div>
<div></div>
</span> Soothran
您正在使用分数值px单位表示高度。将其更改为整数值。会的。
span div {
background: #262626;
height: 2px;
width: 200px;
margin-top: 6px;
border-radius: 15%;
}<span>
<div></div>
<div></div>
<div></div>
</span>更新
在不同的浏览器中，对AFAIK分数像素或子像素进行四舍五入或以不同方式考虑。在chrome中，应divs以相等的高度显示这些内容。但它可能会因屏幕尺寸而异。
运行以下代码段并尝试进入zoom-in屏幕，您将在某些时候看到它们divs相等height。但是在另一个缩放级别上，divs将显示不相等的高度。
更多信息：CSS中的子像素问题
span div {
background: #262626;
height: 1.5px;
width: 100px;
margin-top: 6px;
border-radius: 15%;
}<span>
<div></div>
<div></div>
<div></div>
</span>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
隐藏发件人没有短信PHP
- 2
Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听
- 3
在浏览器中请求URL时会发生什么？
- 4
flask-admin 如何自定义删除按钮
- 5
材质UI垂直滑块。如何改变在垂直材料UI滑块导轨的厚度（反应）
- 6
用日期数据透视表和日期顺序查询
- 7
Jqgrid：多级别组摘要
- 8
java io ioexception无法解析服务器地址解析器的响应
- 9
Swift如何使用Base64Url编码JWT标头和有效负载之类的json对象
- 10
sshd AllowGroups组未授予访问权限
- 11
jQuery无限滚动固定div中的滚动
- 12
android 背部按下
- 13
Flexbox CSS 对齐属性环境惰性？
- 14
为什么随机森林中的平均降低基尼系数取决于人口规模？
- 15
ClickHouse 创建临时表
- 16
为什么PlusShare.Builder setRecipients方法不起作用？
- 17
如何在Android中识别MICR代码
- 18
PyQt4.QtCore模块无法向sip模块注册
- 19
正则表达式，用于查找所有以任何字母开头和数字开头的文件
- 20
是否可以通过编程方式对很多动画进行重新着色？
- 21
机器密钥生成
我来说两句