Question

我有一个模板：

<font size="2" align="justify"><br/><br/>Some long message</font>

我在chrome中证明文本是合理的，但在firefox中却没有。可能是什么解决方案？

Answer 1

HTML5中不推荐使用字体标记，但最好将结构（HTML）和演示文稿（CSS）分开。

使用<p>标记（段落）添加长文本。

<div>
<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum  
</p>
</div>

用于证明文本对齐的CSS属性也是text-align:justify;

div{
    width:500px;
}

p{
    font-size:14px;
    text-align:justify;
}

如果你真的必须使用内联样式，你可以：

<p style="text-align:justify; font-size:14px;">

DEMO http://jsfiddle.net/a_incarnati/undmcszz/5/

Answer 2

不推荐使用html字体标记。来自w3schools网站：

定义和用法 HTML5中不支持<font>标记。请改用CSS。 <font>标记指定字体的字体，字体大小和颜色。

来源：http://www.w3schools.com/tags/tag_font.asp

使用受支持的HTML结构并使用CSS设置样式：

<p>YOUR TEXT</p>
<style>
    p {
       font-size: 12px;
       text-alignment: justify;
    }
</style>

HTML不适用于Firefox，但适用于chrome

2 个答案: