如何在所有屏幕尺寸上使Ajax搜索栏居中？

Question

我的ajax搜索栏在Mac屏幕上看起来居中，但在电话屏幕上却偏离中心。是否有人可以在所有屏幕尺寸上“浮动”其代码？有问题的搜索栏位于www.rebelleforce.com谢谢

我尝试了在其他论坛上在线找到的各种不同的CSS代码-有些将其集中在手机屏幕上，但是后来我失去了在计算机屏幕上的中央位置。

Answer 1

我看到您的代码可以集中使用您所使用的搜索栏

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

尝试将“边距”值更改为margin:autio;

Answer 2

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

div[id*='ajaxsearchlite'].wpdreams_asl_container {
   width: 75% !important;
   margin: 0 auto !important;
}

此代码使搜索框在所有屏幕上居中。

Answer 3

将此添加到您的CSS中：

#ajaxsearchlite2 {
  margin: 0 auto;
}

如果仍然无法使用，请使用重要的声明：

#ajaxsearchlite2 {
  margin: 0 auto !important;
}