0

如何在我的 wordpress 网站上的句子和照片之间在 CSS 中创建一个空格？我尝试用以下代码包装我的句子：<span style="font-size: 0.8em; line-height: 75%;">blahblahblah</span>但这不起作用。

编辑：对于迟到的回复，我深表歉意。我只是想在我的照片底部包含一个 Flickr 链接来归因/归功于摄影师 - 但我希望在照片和属性/信用链接之间有一个空格。以下是我目前在我的博客文章顶部拥有的代码：

<img class="size-full wp-image-68 alignnone" title="What Causes Eczema" src="http://eczemafreedomacademy.com/wp-content/uploads/2012/04/what_causes_eczema.jpg" alt="What Causes Eczema" width="500" height="500" /><span style="font-size: 0.8em;">(Photo: <a href="http://www.flickr.com/photos/helga/3952984450/" target="_blank">Helga Weber</a>)</span>

先感谢您。

4

2 回答 2

1

不确定我是否完全理解您在没有看到您的 HTML 的情况下要完成的工作，但假设最简单的情况应该可以工作。

首先为您的图片标签添加一个 id 属性。它可以使用任何 id 值，只要它不重复另一个元素的 id 并且与样式代码中的内容相匹配。

<img id="yourImageID"....>

将样式元素添加到您的文档（通常在 head 元素内），或将此 CSS 标记添加到现有样式元素。您还可以将内部部分插入到文档链接的任何 CSS 文件中。阅读这篇文章，了解更多关于把它放在哪里的信息。

#yourImageID {
    margin: 1em;
}

顺便说一句：将样式内联到元素上通常不是一个好习惯。<style>将它们放在文档中的单独元素中。

于 2012-04-22T06:14:13.633 回答
1

很难说没有原始 HTML 显示，但也许您需要做的就是添加&nbsp;到句子的末尾。

如果这不起作用，请告诉我们更多关于您正在尝试做的事情。您添加的代码不会尝试添加空格，因此我可能会感到困惑。

于 2012-04-22T06:23:21.197 回答