Safari中marginRight问题

最新推荐文章于 2022-06-10 15:15:09 发布
最新推荐文章于 2022-06-10 15:15:09 发布
阅读量249 收藏
点赞数
分类专栏： javascript兼容性 文章标签： Safari webkit CGI

在safari中，通过js获取对象的marginRight style，并且这个对象的parent node设置了一个overflow为hidden的样式

 

那么将会计算出一个错误的marginRight值。

 

如何修复呢

 

建议如果存在这种情况

 

就将marginRight和marginLeft设置为相同值

 

然后再js函数中用marginLeft的值来替代marginRight值。

 

具体的该bug的说明可以参照https://bugs.webkit.org/show_bug.cgi?id=13343

froshloveC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何让margin在IE、Firefox、Chrome、Safari下兼容
SundayHugo的专栏
03-12 4041
今天在项目中遇到一个margin属性在不同浏览器下显示不一致的问题，代码如下： html: 综合得分 4.5 评估说明： 该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal
html垂直居中margin,html – Safari中的垂直居中
weixin_42363231的博客
06-23 79
在Safari中我有垂直居中的问题,使用margin：auto 0;在div上嵌入div的div：inline-flex;它在Firefox,Chrome,Opera中运行得很好……但是在Safari中失败了(在默认的Android浏览器上,但我正在考虑使用单独的CSS以及iPad使用的任何内容) 和.container-fluid {margin-right: auto;margi...
关于margin-right失效的问题
热门推荐
张大晴的博客
05-16 1万+
关于margin-right失效的问题：浏览器默认从左往右渲染元素，在没有超出父容器的宽度的前提下  如果子容器的宽度能够被容纳  设置margin-right是没有用的...
marginRight 不起作用解决方法
weixin_34198583的博客
11-15 608
今天想在RelativeLayout的左右分别放上一个按钮, 左边按钮用marginLeft="10dp",空出了10dp的距离,没问题. 但是右边的按钮marginRight="10dp"就是过不去. 试了很久,最后在这个代码前加了一条android:layout_alignParentRight="true" 解决了问题!!! 转载于:https://...
margin-bottom在safari浏览器失效的问题
阿尔叭叭
03-28 3143
今天遇到一个bug是底部明明有margin-bottom却无法作用，排查了一下改成用padding可以有效但不找出原因是无法完成这篇博客的问题概要描述：在safari中，当内容高度超出所有父容器时，内容的margin-bottom设置是无效的。解决这个问题的办法也很简单，只要规避这种超出所有父容器的内容即可。父容器不设置高度即可。另外尽量少用html, body {height: 100%;}这种...
Safari浏览器兼容性问题
xiamocsdn的博客
06-10 2779
解决Safari关于css样式的一些兼容性问题
Android 中TextView的使用imageview被压缩问题解决办法
08-30
这个问题在给定的描述中有所体现，即在水平线性布局(LinearLayout)中，TextView的文字增多时，ImageView的宽度被挤压，从而显得“扁平”。 为了解决这个问题，我们需要理解线性布局的工作原理。线性布局按照子视图...
Highcharts中文API.doc
06-03
* `marginTop`、`marginBottom`、`marginRight`、`marginLeft`:number类型，图表边距设置。 * `plotBackgroundColor`:color类型，部分背景颜色设置。 * `plotBackgroundImage`:string类型，加载背景图片。 * `...
itext中文帮助文档
03-08
在创建 `Document` 时，可以提供四个参数来定义页边距，如 `Document(document, marginLeft, marginRight, marginTop, marginBottom)`。例如，创建一个具有特定边距的 A5 页面： ```csharp Document document = new...
margin在IE、Firefox、Chrome、Safari下兼容的超级方法！
云曦沥雨
08-13 2655
问题出现的来由： 笔者本来很注意网页前段兼容的问题，所以在CSS定义和测试时都很小心。但由于在编写CSS过程中调用了其它网站的已经定义好的CSS文件及Jquery文件，所以需要在整合时做很多拆分，以符合自己网站整体CSS的定义，并是整个页面能够将各实用功能恰如其分的融合。问题的技术处在于，被我调用的CSS文件和Jquery文件中，对于层及样式的定义是相互交叉融合，并且代码经过处理，可读性极差
safari input默认样式
weixin_30552635的博客
11-20 634
　　在i标签下嵌套一个input标签 设置了 -webkit-apprarence：none； 　　设置了宽高，和padding：3px 　　结果placeholder显示不全 　　　经排查 这时候的input默认有圆角 　　 最后通过行高 解决这个问题。 转载于:https://www.cnblogs.com/chengyunshen/p/7866466.htm...
ios系统苹果浏览器margin-bttom无效
trenki的博客
07-21 370
在去年开发一个移动端的web网页的时候，发现margin-bottom样式在ios页面的底部无效，但是安卓系统没有问题。 简单的修改方法就是使用padding-bottom
el-form登录表单在Safari浏览遇到的问题
weixin_43078608的博客
08-29 388
最近遇到一个非常奇怪的问题，登录表单在输入密码之后，密码框失去焦点后获取数据，在这之前禁用登录按钮。还有一个重置按钮，用来重置表单。 使用浏览器的记住密码功能填充表单，在Chrome，Firefox浏览器运行的好好的，但是到Safari浏览器就出现了问题，正常输入用户名密码可以登录，但使用浏览器记住密码功能填充表单，就出现了一个很奇怪的问题。表单被清空，也就是说在填充表单的同时执行了重置按钮。这...
行内布局marginRight
最新发布
08-16
对于行内元素，如文本或行内块级元素，`margin-right` 属性不会起作用，因为行内元素默认是不具有外边距的。但是，可以使用其他方法来实现行内元素的布局。 一种常见的方法是使用 `padding` 属性来控制行内元素的间距。通过设置左右 `padding` 的值，可以实现类似于 `margin-right` 的效果。例如： ```css span { padding-right: 20px; } ``` 另一种方法是将行内元素包裹在块级容器中，并使用块级容器来控制间距。例如： ```html <div style="margin-right: 20px;"> <span>行内元素</span> </div> ``` 这样，通过设置块级容器的 `margin-right` 属性，可以实现行内元素的右侧间距效果。 请注意，以上方法都是通过间接方式来实现行内元素的间距效果，并不是直接使用 `margin-right` 属性。希望能解答到您的问题！还有其他问题需要帮助吗？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值