Question

抱歉这个愚蠢的问题我是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>

Answer 1

你需要一个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>

Answer 2

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

CSS

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

在这种情况下，（（。））表示一个类，括号内的所有内容都是您的范围所做的。或者你可以这样做：

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

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

如何为span类添加样式

2 个答案: