1

抱歉，我是 html5 和 css 的新手，主要只是在 joomla 中使用模板。我想将共享此按钮添加到我的模板文件中，因此我从共享此站点获取代码并添加按钮没问题。我遇到的问题是使按钮居中。不确定我需要添加什么样式以及在哪里添加，在此先感谢您的任何指示...

我如何告诉这些坐在页面中间？不确定在哪里/如何添加文本对齐... 

<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_email_large' displayText='Email'></span>
4

2 回答 2

3

您需要一个 div 将这些跨度放入以使它们全部居中。像这样。

<div style="text-align: center">

<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_email_large' displayText='Email'></span>

</div>
于 2013-10-23T14:10:51.547 回答
0

你可以通过两种方式做到这一点。您可以有一个外部样式表，在其中放置所有类和 ID 样式，也可以使用 style=""; 在跨度的范围内。例如：

CSS

.st_email_large {
    margin:0 auto;
    width: 300px;
    text-align: center;
}

在这种情况下， (( . )) 代表一个类，括号内的所有内容都是您的 span 将执行的操作。或者你可以这样做：

<span class='st_email_large' style="margin:0 auto; width: 300px; text-align: center;" displayText='Email'></span>

如果您使用外部样式表，则需要确保将其包含在页面的 head 标记中。

于 2013-10-23T14:09:11.793 回答