文本中div之间的间距?

时间:2012-02-07 22:55:05

标签: css spacing

这是一个小问题

代码:

     printf( '<div id="replyto">Reply to</div>
    <a class="replytolink" href="%1$s">%2$s %3$s</a>',
 $parent_link, $parent->comment_author, $parent->comment_date );

css:

#replyto {
        float: left;
}
.replytolink {
        float: left;
}
输出

回复"Comment author Date"

如何输出

回复"Comment author Date"

文本和链接之间的间距是否正确?

5 个答案:

答案 0 :(得分:0)

添加空格?

printf( '<div id="replyto">Reply to </div><a class="replytolink" href="%1$s">%2$s %3$s</a>', $parent_link, $parent->comment_author, $parent->comment_date );

或在padding-right: 2em上添加#replyto

答案 1 :(得分:0)

padding-right添加到#replyto

#replyto {
        float: left;
        padding-right:5px;
}

答案 2 :(得分:0)

试试这个:

.replytolink {
    padding-left:5px;
    float: left;
}

示例:http://jsfiddle.net/RTFb7/

答案 3 :(得分:0)

从语义的角度来看,在这种情况下,使用浮动div后跟锚点不是标签的最佳选择。
就个人而言,我会用div替换span,然后你就不需要浮动它们了,所以字间距就像往常一样..

答案 4 :(得分:0)

Lucius的解决方案:

printf( '<span>reply to <a href="%1$s">%2$s %3$s</a></span>', $parent_link, $parent->comment_author, $parent->comment_date );

纯。不需要CSS。如果需要,为<span>标记提供ID。 &#34;回复&#34;之后的额外空白区域现在输出。