标题/标题

时间:2012-02-15 22:12:27

标签: html css html5 css3

我附上了一个我想用html / css实现的例子(如果你看不到它的图像:名字和姓氏,那么第二行是作业描述)。我希望所有文本(两行)在div中被强制对齐(左和右),但我不确定它是否可行。我尝试了一些没有成功的事情。我宁愿不使用图像,所以任何想法都会非常感激。

3 个答案:

答案 0 :(得分:1)

浏览器通常会在完全合理的情况下完成一项废话。如果你是一家设计公司用它来宣传自己,我会避免它。

此外,它仅适用于文本段落,而不适用于单行。

您可以尝试调整CSS字母间距以获得您正在寻找的效果。

答案 1 :(得分:0)

使用text-align-last: justify

.justified {
    text-align: justify;
    text-align-last: justify;
}
.justified:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}

http://jsfiddle.net/gilly3/En4wt/

source

答案 2 :(得分:0)

由于您只想为标题设置样式,因此可以为其创建特定样式。尝试将字体大小与字母间距组合,直到获得想要实现的效果。

文本对齐:对齐用于不同的目的,它用于段落(或长文本块)。如果没有足够的文本到达行尾,则不起作用。