文本中的div之间的间距？

代码：

 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"

正确的文字和链接间距？

来源

2012-02-07 sarytash

从一个语义点，使用浮动的div后跟一个锚ISN在这种情况下，标签可能是最好的选择。
就个人而言，我将取代div与span，那么你就不需要把它们飘浮，所以字间距将照常上班..

来源

2012-02-08 01:28:03 Lucius

谢谢。你的建议就像一个魅力！没有风格是必要的！ – sarytash 2012-02-08 17:33:30

添加空间？

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);

或者对#replyto添加padding-right: 2em。

来源

2012-02-07 22:56:45 benesch

我试着添加空格，但没有区别。 5px与单词之间的空白空间是否一致，无论字体，字体大小等如何？ – sarytash 2012-02-07 23:12:23

你可以使用padding-right：2em;或相似的间距相似，只是一个想法。 – danjah 2012-02-07 23:15:15

5px对于普通字体大小是完全可以接受的，但是如果字体大小太大，需要调整空间。我想这不值得让我背叛这个。 – sarytash 2012-02-07 23:30:27

添加padding-right到#replyto：

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

来源

2012-02-07 22:57:17 Curt

谢谢。见上面的答复。 – sarytash 2012-02-07 23:12:54

尝试这种情况：

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

实施例：http://jsfiddle.net/RTFb7/

来源

2012-02-07 22:59:20 czerasz

谢谢。看到我上面的回复。 – sarytash 2012-02-07 23:13:10

并感谢jsfiddle的东西！ – sarytash 2012-02-07 23:16:45

解决方案通过卢修斯：

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。现在输出“回复”后的额外空白。

来源

2012-02-08 17:31:30 sarytash

文本中的div之间的间距？

回答

相关问题