如何使用CSS集中链接

时间:2013-07-15 17:42:53

标签: html css text alignment center

我很新,并且正在搞乱一些代码(只是HTML和CSS)但是我不能像我的文字那样获得我的中心链接?我只知道他们不需要练习。

http://pastebin.com/kYyR6WUx

4 个答案:

答案 0 :(得分:6)

我提供了一个css的解决方案。您可以查看此链接http://jsfiddle.net/qPAfK/

div {
    width: 100px;
}

div a {
    text-align: center;
    display: block;
    margin: 0 auto;
}

答案 1 :(得分:0)

在你的案例中

 #W3link
    {
    width:100px; /*use your preferred width*/
    margin-left:auto;
    margin-right:auto;
    }

如果您想使用多次,请使用

答案 2 :(得分:0)

链接是一个内联元素。 Bootstrap使用center-block来更改内联元素显示:

.center-block {
  display: block;
  margin-right:auto;
  margin-left:auto;
}

然而,当直接应用于链接时,这不起作用,例如:

<a href="#" class="center-block">link</a>  

仅当我应用width样式时才有效。 20%在我的页面中运行良好。这是近似居中。我已多次尝试使用链接text-center并且无法使其正常工作。让我感到惊讶的是,单独使用display: block并不能使margin居中。必须添加Width

答案 3 :(得分:0)

这对我有用:

@echo off SETLOCAL ENABLEDELAYEDEXPANSION set /a s1=10 set /a s2=20 set /a Var=0 set /a s3= %s1% - %s2% if %s3% LSS 0 ( set s3=%s2%-%s1% SET /a Var= (%s3%/%s1)*100 ) else ( SET /a Var= (%s3%/%s2%)*100 ) pause if "%Var%" GTR 15 goto failure :failure echo %Var% pause