html - css 文本对齐问题,相同的代码 2 个不同的服务器

标签 html css alignment

所以我刚刚从设计阶段转移到开发阶段,在将我的静态代码拆分为客户端服务器上的 codeigniter View 之后,我得到了这个奇怪的 css,但在网站的一小部分。

我将这些链接作为“官方 NGK 加拿大零件查找器”部分的一部分,但我的文本在我的新服务器上从同一行中断。

这里没有显示代码摘录,而是两个站点的链接: http://gfortin.com/css_practice/page.html (工作正常) http://www.sparkplugdepot.com/dev/index.php/home (未对齐)

到目前为止,一切正常,谁能帮我找到这个错误?

此外,我确实清除了缓存以确保旧代码不会仍然出现。

最佳答案

因为您在 .link-wrap 中 float 元素,所以您必须清除它们以使它们看起来像您想要的那样。

.link-wrap {
  height: 40px;
  margin: 2px 50px;
  position: relative;
  clear: both;
}

至于为什么,我不确定。但是,正如您可能已经注意到的那样,我很好奇,您的导航栏高了 4 像素。看计算出来的样式,一个是55px,一个是51px。这些服务器上有哪些操作系统?

关于html - css 文本对齐问题,相同的代码 2 个不同的服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17713915/

相关文章:

html - 删除内联 block 元素周围的默认空白

javascript - 绑定(bind)属性值时出错 - Angular 包含和指令

jquery - 当 HTML 行单元格为空时如何缩小或隐藏?

android - 如何对齐按钮中的文本

javascript - 如何用鼠标调整网页中图片的大小

javascript - 单击按钮后调用 JavaScript

javascript - 如何给滑动的div设置scrolltop()方法?

html - 如何在没有 JavaScript 的情况下设置 <option> 标签的样式?

html - 仅使用 HTML 将图像居中左对齐

android - 如何在 RelativeLayout 中的 View 之间添加空间