无法让浏览器显示具有相同宽度的一些对齐文本的 div答案

【问题标题】：Can't get browsers to display a div with some justified text at the same width无法让浏览器显示具有相同宽度的一些对齐文本的 div
【发布时间】：2011-10-09 02:31:40
【问题描述】：

下面是这个 div 使用的 CSS 样式。 div 本身嵌套在一个表中。基本上 IE 以不同的方式显示这个来自 FireFox 和 Chrome。我更喜欢IE渲染它似乎更符合我在 Dreamweaver 中看到的内容， Firefox 和 chrome 会在哪里显示更宽的 div 出于某种原因，它在 IE 和 Dreamweaver 中。

我有一段时间没有设计任何东西了，但很遗憾我们仍然存在浏览器之间的这些渲染差异， HTML5/CSS3 还是这样吗？

.Class420 {
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#000;
    line-height:30px;
    background-color:#F5F5F5;
    width:400px;
    text-align:justify;
    padding:15px;
    float: left;
    margin-left: 15px;
    height: 300px;
}

【问题讨论】：

你能发布当前输出和预期输出（屏幕截图或小提琴）吗？
问题可能是由 div 周围的环境引起的，因此我们必须查看该环境才能让您了解发生了什么。对于您的问题，今天的渲染差异比几年前要少，但仍然有很多。如果您使用标准化功能，通常可以找到适用于所有浏览器的“正确”方法。

标签： html css

【解决方案1】：

is this still the case with HTML5/CSS3 ?

是的。阻碍大家前进的仍然是 Internet Explorer。

【讨论】：