如何使所有浏览器中的文本位置相同？答案

【问题标题】：How Do I Make the Text Position be the Same in All the Browsers?如何使所有浏览器中的文本位置相同？
【发布时间】：2013-02-03 12:25:17
【问题描述】：

在页面上，文本的水平位置因浏览器而异。这是网站：http://www.nyestateslawyer.com/，有问题的文字是红框中的两个电话号码。我希望有人能帮帮忙。提前致谢！

这是 CSS：

<pre><code>
#phone_text_manhattan
{
z-index:100;
position:absolute;
color:white;
font-size:15px;
left:777px;
top:263px;
}

#phone_text_bkln
{
z-index:100;
position:absolute;
color:white;
font-size:15px;
left:985px;
top:263px;
}
</code></pre>

【问题讨论】：

为什么要使用图片来显示联系信息？除了看起来糟糕之外，它还会损害可访问性（对于盲人用户）以及 SEO。
这就是为什么我想至少改变电话号码。

标签： css image text position

【解决方案1】：

将该组件放在一个 div 中，并相对于该 div 定位它。这意味着position:relative; 现在到最上面做同样的事情，并在根标记处根据浏览器窗口的宽度和高度指定它。这样所有的对齐方式都是一样的。希望这会对你有所帮助。

【讨论】：

怎么样！！！你想让我为你提供的那个网页编写 CSS 代码吗？在该链接网页中，样式存在很多问题。给出一个指定场景的示例代码问题，我一定会尽力而为。
样式有什么问题？我觉得很好。

【解决方案2】：

感谢 Dipak 的提示。将位置更改为相对并将文本放置在其父 div 中。作品。

【讨论】：