如何在xhtml中水平对齐这3个按钮?顺便说一句,这适用于博客。
这是按钮的xhtml:
<div class='fb-like'>
<fb:like action='like' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='true' width='450'/>
</div>
<div><b:if cond='data:blog.pageType != "static_page"'>
<g:plusone annotation='inline' width='450' expr:href='data:post.url'></g:plusone>
</b:if></div>
<div><b:if cond='data:blog.pageType != "static_page"'>
<a class='twitter-share-button' data-count='none' data-via='MarvinVista' expr:data-text='"Currently reading: " + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</b:if></div>
答案 0 :(得分:1)
HTML
<div class='fb-like share-button'>
<fb:like action='like' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='true' width='450'/>
</div>
<div class="share-button"><b:if cond='data:blog.pageType != "static_page"'>
<g:plusone annotation='inline' width='450' expr:href='data:post.url'></g:plusone>
</b:if></div>
<div class="share-button"><b:if cond='data:blog.pageType != "static_page"'>
<a class='twitter-share-button' data-count='none' data-via='MarvinVista' expr:data-text='"Currently reading: " + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</b:if></div>
CSS
.share-button{display:inline-block;}
答案 1 :(得分:0)
您可以将它们放置在包含div
的内容中,为每个div
设置一个宽度,然后将float
放在左侧。