对齐对象

这是一个完整的设计，我要去为： enter image description here 对齐对象

这是代码：http://jsfiddle.net/rlesko/f3R7r/4/

几个问题：

为什么不代码margin-left更改对象#date时什么也不做？
你知道一个代码，我可以用它来将一个#separator对象放在.post-bg（白色背景）上吗？我在我的CSS中使用了margin-left。
如何将<h2>文本的右边框与<p>文本的右边框对齐，但保留<h2>文本的右对齐？
为什么自定义字体代码不适用于这个小提琴？

来源

2011-11-10 rlesko

很多点的最好放入不同的问题，但无论如何...

它确实工作！ Margin is set to 550px to prove
您可以使用分隔符元素上的margin: 0 auto;来居中它。 See here。
使用text-align: justify;可以在两侧对齐所需的文本对齐方式。 See it here。
我认为这与无法跨域服务字体有关。但我不是100％肯定的。

来源

2011-11-10 15:30:04 Kyle

谢谢为你的答案。 1）愚蠢的我，我没有注意到左侧的所有空间，只尝试了大约100px。 2）太好了，谢谢。 3）不，我希望标题的最右边（单词'ONE'）与主体的右边界（段落）一致，但是我希望标题内部的文本看起来像它一样它与左边对齐。我必须使用保证金吗？还是有其他方法？如果我使用右侧的边距，其余的对象会变形，我无法对齐。 – rlesko

要将文本对齐到右侧，请使用'text.align：right;'。边距是元素边缘外的空间。 – Kyle

我知道。看这张图片：http://i39.tinypic.com/24f9xmv.jpg红线显示了什么需要与什么对齐。 – rlesko

保证金的作品，但H5是怪异和适当的余量，以把它像你想的是：保证金：0 0 0 135px; （在萤火虫中测试）
margin：0 auto;
text-align：justify？
由于媒体火灾进行重定向并将您的网址转换为：http://www.mediafire.com/?f9selsldbgm6dnw，然后只有您可以dl该文件。这不是一个真正的直接下载，这就是为什么你的字体无法正常工作。例如，将其上传到您自己的域中。

试试这个来代替：http://www.amws.fr/Univers.ttf

编辑：我也建议使用完整@字体面的代码，使所有浏览器都支持你的CSS以及：

@font-face { 
    font-family: 'LiberationSansRegular'; 
    src: url('http://www.amws.fr/Univers.eot'); 
    src: url('http://www.amws.fr/Univers.eot?#iefix') format('embedded-opentype'), 
     url('http://www.amws.fr/Univers.woff') format('woff'), 
     url('http://www.amws.fr/Univers.ttf') format('truetype'), 
     url('http://www.amws.fr/Univers.svg#LiberationSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

来源

2011-11-10 16:35:06 CAP

回答

相关问题