一种CSS样式,仅适用于本地主机,不适用于服务器托管

时间:2018-09-21 07:08:59

标签: html css localhost webserver

我有这个style.css

.testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}

应用于html中的一个元素

<div class="testing"><div id="disqus_thread"></div></div>

它在localhost服务器上运行良好,它将内部的内容居中并使其宽度为800px。当我将其上传到与本地主机相同的网页上,但又上传到Internet托管时,该一种样式根本不适用。查看活动页面样式,尚未加载。您能帮我解释和解决此问题吗?我不知道为什么。

编辑:css导入<link rel="stylesheet" href="css/style.css">

它的外观以及在localhost服务器上的外观 (在顶部和侧面以适当的宽度适当填充) working localhost

网络托管的外观 (无填充,无宽度,不适用) broken on hosting

style.css中的其他样式正确地应用于页面上的其他元素

2 个答案:

答案 0 :(得分:0)

将#用作ID选择器而不是(。),因为在您的实时网站中没有类。测试它是一个ID。

#testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}

enter image description here

答案 1 :(得分:0)

使用style=""硬编码为HTML即可。这不漂亮,但是没有其他办法

相关问题