Css 如何在所有屏幕大小上居中设置Ajax搜索栏?

Css 如何在所有屏幕大小上居中设置Ajax搜索栏?,css,ajax,wordpress,center,Css,Ajax,Wordpress,Center,我的ajax搜索栏在我的mac屏幕上看起来很中心,但在手机屏幕上,它离中心很远。 有没有人有一个代码可以在所有屏幕尺寸上“浮动”it中心? 有关的搜索栏位于www.rebelleforce.com上 多谢各位 我尝试过在其他论坛上找到的各种不同的CSS代码——一些集中在我的手机屏幕上,但随后我失去了电脑屏幕上的中心位置 我看到您的代码集中了您使用的搜索栏 div[id*='ajaxsearchlite'].wpdreams_asl_container { width: 62%; margin:

我的ajax搜索栏在我的mac屏幕上看起来很中心,但在手机屏幕上,它离中心很远。 有没有人有一个代码可以在所有屏幕尺寸上“浮动”it中心? 有关的搜索栏位于www.rebelleforce.com上 多谢各位


我尝试过在其他论坛上找到的各种不同的CSS代码——一些集中在我的手机屏幕上,但随后我失去了电脑屏幕上的中心位置

我看到您的代码集中了您使用的搜索栏

div[id*='ajaxsearchlite'].wpdreams_asl_container {
width: 62%;
margin: 0px 250px 0px 250px;
}

尝试将边距值更改为边距:autio

将此代码粘贴到主题中的style.css文件中

div[id*='ajaxsearchlite'].wpdreams_asl_container {
   width: 75% !important;
   margin: 0 auto !important;
}
此代码导致搜索框在所有屏幕上居中。

将此代码添加到css中:

#ajaxsearchlite2 {
  margin: 0 auto;
}
如果仍然不起作用,请使用重要声明:

#ajaxsearchlite2 {
  margin: 0 auto !important;
}

对不起,我的错误边际:自动