Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css IE和edge的webkit中心等效物_Css_Button_Text Align - Fatal编程技术网

Css IE和edge的webkit中心等效物

Css IE和edge的webkit中心等效物,css,button,text-align,Css,Button,Text Align,在IE上使用display:block将按钮居中是正确的,还是应该为其他浏览器寻找使用WebKit center的方法 @媒体屏幕和(最大宽度:767px){ .flex{ 显示:内联块; } .flex_高度{ 显示:内联块; } .grid_8{ 背景重复:无重复; 宽度:98%; 左缘:1%; 保证金权利:1%; 文本对齐:-webkit中心; 文本对齐:-moz居中; 左边距:自动; 右边距:自动; } } *php代码生成一个按钮的文本在这里* 一个内联块将按照其内容的宽度进行包装

在IE上使用
display:block
将按钮居中是正确的,还是应该为其他浏览器寻找使用WebKit center的方法

@媒体屏幕和(最大宽度:767px){
.flex{
显示:内联块;
}
.flex_高度{
显示:内联块;
}
.grid_8{
背景重复:无重复;
宽度:98%;
左缘:1%;
保证金权利:1%;
文本对齐:-webkit中心;
文本对齐:-moz居中;
左边距:自动;
右边距:自动;
}
}

*php代码生成一个按钮的文本在这里*

一个
内联块
将按照其内容的宽度进行包装,因此在
内联块
内将按钮居中没有意义

见:

.inline块{
显示:内联块;
背景色:红色;
}

按钮标签

如您所见,按钮已经位于红色内联块的中心。

为什么不
文本对齐:居中?尝试过了,按钮不移动您的css与htmlPlease无关请提供一个@TylerH,我如何使其更好?对于我应该包括的内容,我有点困惑,你能为我补充一些建议来改进我的答案吗?非常感谢。