Safari中的calc()向左

托尔加

我使用calc()函数将div居中放置在另一个中。它在Chrome,Firefox,Opera甚至是IE中都可以正常工作,但在Safari中这种方法不起作用。

没有JavaScript固定的任何建议?

left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);
乔恩·迈尔斯(Jon Paul Miles)

正如Hashem所说,它在Safari的早期版本中不起作用。

http://caniuse.com/calc

但是,如果您只想将div居中,则会想到一些想法。

一,你可以给容器一个

margin-right: auto;
margin-left: auto;
width: 50%;

或根据需要设置宽度。

其次,您可以给父div

text-align:center;

使孩子div

display: inline-block;

和/或为子div设置宽度。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

flexbox在Safari中向左添加1px的空白

来自分类Dev

Safari calc()剩下的问题

来自分类Dev

在Firefox和Safari的CSS calc()中获得百分比工作?

来自分类Dev

Calc()无法在Safari和Firefox中与笔划破折号一起使用

来自分类Dev

在IE上使用calc从右向左递增宽度

来自分类Dev

CSS Calc在Safari上不起作用

来自分类常见问题

在PostgreSQL中向左填充零

来自分类Dev

在算法中反向(向左)箭头?

来自分类Dev

在JPanel中向左移动

来自分类Dev

Menuitem在WPF中向左对齐

来自分类Dev

LibreOffice Calc中的脚本

来自分类Dev

js中的css calc()

来自分类Dev

Less 中的 Calc 问题

来自分类Dev

在scrollView中向左和向右滑动

来自分类Dev

向左填充在QListWidget中不起作用

来自分类Dev

在Ruby和C ++中向左移16

来自分类Dev

在Windows Phone 8.1中向左或向右滑动

来自分类Dev

在汇编中向左或向右移动字符

来自分类Dev

在更多列中向左浮动CSS技巧

来自分类Dev

SSRS 2010中的列向左移动

来自分类Dev

在C ++中向左旋转x位

来自分类Dev

如何在Unity中向左滑动按钮?

来自分类Dev

精灵在画布中向左无限循环

来自分类Dev

在tensorflow js中向左翻转图像

来自分类Dev

CSS在DIV中从右向左堆叠图像

来自分类Dev

在Vim中映射向左Alt键?

来自分类Dev

在Android中创建PDF时向左移

来自分类Dev

在引导程序3中从右向左浮动?

来自分类Dev

如何设置在Chrome中向左浮动的TD?