V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
Can I use? http://caniuse.com/ Less http://lesscss.org Cool Libraries Bootstrap from Twitter Jetstrap
This topic created in 3550 days ago, the information mentioned may be changed or developed.
我 css 是用了百分比去换算宽度，有些宽度是有小数的，因为有边框，所以导致每行的宽度都是不一样的，求解决办法！感谢！
Supplement 1 Aug 7, 2016
这个是我的chrome下面的例子
Supplement 2 Aug 7, 2016
感谢各位，已经解决好了，用就是的方式，大概思路就是，查找左边 和 右边，如果有边框，就放到父级容器上面去，把当前的左边框或者有边框移除！
Supplement 3 Aug 7, 2016
用的是 js 的方式，打错字了！
Supplement 4 Aug 10, 2016
最后还是换成了用css的方式去解决，js的不完美，而且不好操作，解决的思路：
当我去查看火狐的比例的时候，宽度的百分比他会自动算精度，比如 8.333333333333332 会换算成 8.33333%，16.666666666666664 会换算成 16.6667，所以 直接正则替换 就好了。
 | 1 marsLeo Aug 7, 2016 via Android 一般 px 单位不应该用小数吧？具体是怎样的需求，你最好贴图说明一下。 另外，用深色的阴影可以模拟边框效果，而且不占宽度。 |
 | 2 issuz Aug 7, 2016 via iPhone box-sizing:border-box ； |
 | 5 choury Aug 7, 2016 via Android 小数的怎么显示呢？显示器显示半个像素？ |
 | 6 learnshare Aug 7, 2016 这个布局用表格来做 |
 | 7 yoa1q7y Aug 7, 2016 这个跟是什么浏览器没关系， css 目前就是不支持 |
 | 8 iTakeo Aug 7, 2016 via iPhone  1 最小像素就是 1px |
 | 9 dcalsky Aug 7, 2016 via Android 解决需求的方式不一定只有一种。你可以将所有 form element 都放在 form 里，然后为这个 form 设置边框，这样就解决了无法对齐的问题。 |
 | 10 billlee Aug 7, 2016 显卡表示半个像素实在做不到啊 |
 | 11 LancerComet Aug 7, 2016 这是百分比人工算好后写的小数点像素么？ 如果是这样就不如改成 rem 或 em 这样的单位，计算交给样式表预处理去做 |
 | 13 Geebarwan OP @learnshare 这个已经用 bootstrap 的删格来做了，只是把 div display 弄成 table-cell ，来模拟一些 table 有的属性，不过这个问题不是这个问题导致的！ |
| 17 Geebarwan OP @LancerComet bt 删格是百分比的，不好改了，只能 js 去弄弄了，获得第一个子元素如果 left 有 border 就变成父级的 left 的 border ， right 也是同样的道理，这样就不会有这个问题了，不过看看 有没有其他的解决方案！ |
 | 21 happlebao Aug 7, 2016 里面再套一层固定宽度的 div 不就好了。。 |
| 22 happlebao Aug 7, 2016 怕挡字的话 margin 留大一点就好了 |
| 23 learnshare Aug 7, 2016 @yangyifan 用表格来做比较合适，删格不适合处理带边框的布局 |
Select Language