(CSS)我无法将容器的内容保持在中心位置

时间:2017-05-18 22:22:48

标签: html css

很抱歉,如果之前有人询问过。我对CSS很缺乏经验。我试着通过以前的线程查看我是否可以自己解决这个问题,但到目前为止我没有运气。

网站为http://greenemusiceducation.com/

网站标题下方的容器强制所有内容(在本例中为滑块)与右侧对齐。在'site-inner'和'wrap'类(在站点源代码的标题下面列出的类)中,我尝试编辑参数,但这些更改似乎没有任何效果。此容器对齐问题在网站的不同页面中保持一致。

在移动设备上,网站加载正常并按预期运行。在Chrome上,一切都是正确对齐的。在IE 11上,滑块根本不显示。

我将不胜感激任何帮助!

2 个答案:

答案 0 :(得分:-1)

您可以在段落html标题内嵌套滑动到右侧的样式,并使用内联样式将该文本设置为居中。即使文本旁边还有其他内容,它仍然会将嵌套在其中的容器内容居中。

<p style="text-align:center;"><div="container></div></p>

答案 1 :(得分:-1)

.contentfloat: right;。如果要将其居中,请移除float,然后使用margin-left: auto; margin-right: auto;水平居中。由于元素具有定义的宽度,因此将水平居中。这是关于如何集中精力的好资源 - https://www.w3.org/Style/Examples/007/center.en.html