Css IE和edge的webkit中心等效物
在IE上使用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代码生成一个按钮的文本在这里* 一个内联块将按照其内容的宽度进行包装
display:block
将按钮居中是正确的,还是应该为其他浏览器寻找使用WebKit center的方法
@媒体屏幕和(最大宽度:767px){
.flex{
显示:内联块;
}
.flex_高度{
显示:内联块;
}
.grid_8{
背景重复:无重复;
宽度:98%;
左缘:1%;
保证金权利:1%;
文本对齐:-webkit中心;
文本对齐:-moz居中;
左边距:自动;
右边距:自动;
}
}
*php代码生成一个按钮的文本在这里*
一个内联块
将按照其内容的宽度进行包装,因此在内联块
内将按钮居中没有意义
见:
.inline块{
显示:内联块;
背景色:红色;
}
按钮标签
如您所见,按钮已经位于红色内联块的中心。
为什么不文本对齐:居中代码>?尝试过了,按钮不移动您的css与htmlPlease无关请提供一个@TylerH,我如何使其更好?对于我应该包括的内容,我有点困惑,你能为我补充一些建议来改进我的答案吗?非常感谢。