当前位置：文江博客话题详情

对齐对象

发布于 2024-12-15 08:03:17 字数 593 浏览 1 评论 0原文

这是我想要的完整设计：在此处输入图像描述

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

几个问题：

为什么没有代码margin-left 更改对象 #date 时不执行任何操作？
您知道我可以使用一个代码将 #separator 对象置于 .post-bg （白色背景）上吗？我在 CSS 中使用了 margin-left 。
如何将
文本的右边框与
文本的右边框对齐，但保留
文本向右对齐？
为什么自定义字体代码不适用于这个小提琴？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑脸一如从前 2024-12-22 08:03:17

很多要点最好放在单独的问题中，但无论如何......

它确实有效！边距设置为 550px 来证明
可以使用 margin: 0 auto ; 在分隔符元素上将其居中。参见此处。
使用 text-align: justify; 实现所需的两侧文本对齐方式。在此处查看。
我认为这与无法跨域提供字体有关。但我不是 100% 确定。

回复收藏 0 原文

无风消散 2024-12-22 08:03:17

边距有效，但 h5 很奇怪，按照您想要的方式放置它的适当边距是：margin: 0 0 0 135px; （在 firebug 中测试）
margin: 0 auto;
文本对齐：对齐？
因为 media fire 会进行重定向并将您的网址转换为：http://www.mediafire.com/? f9selsldbgm6dnw 然后只有您可以 dl 该文件。这不是真正的直接下载，这就是您的字体无法工作的原因。例如，将其上传到您自己的域上。

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

编辑：我还建议使用完整的 @font-face 代码，以便所有浏览器都能很好地支持您的 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;
}

The margin works, but the h5 is weird and the appropriate margin to place it like you want to is : margin: 0 0 0 135px; (tested in firebug)
margin: 0 auto;
text-align: justify ?
Because media fire makes a redirection and transforms your url into : http://www.mediafire.com/?f9selsldbgm6dnw and then only you can dl the file. This is not a real direct download, that's why your font won't work. Upload it on you own domain for example.

Try this one instead : http://www.amws.fr/Univers.ttf

Edit : I'd also suggest using a complete @font-face code, so that all browsers support your css well :

@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;
}

回复收藏 0 原文

~没有更多了~