CSS链接定位不居中答案

【问题标题】：CSS link positioning not being centeredCSS链接定位不居中
【发布时间】：2013-11-29 07:40:28
【问题描述】：

好吧，我几乎可以将文本对齐到中心。我可以使用左右边距自动，它们会在中心正常，我将文本定位中心并工作，但我正在尝试创建带有链接的标题，并且链接不会像对齐段落一样移动。我几乎试图让我的链接到中心，甚至水平。

div {
    border: black solid 5px;
    margin: 40px;
}

a {
    border: green solid 5px;
    margin-left: 30px;
    margin-right: 30px;
    color: red;  
    text-align:right;
}

p{
    border: green solid 5px;
    margin-left: 30px;
    margin-right: 30px;
    color: red;  
    text-align:center;
}

这是我的html

<link type="index/css" rel="stylesheet" href="css/style.css">
</head>
<body>
    <div>

        <a href="sksksk">Link</a>
        <a href="sksksk">Link</a>
        <a href="sksksk">Link</a>


        <p> This is a paragraph and I can write whatever I like
            Yes this is a damn pargraph and I hate it and dont
            know what to say
        <p> This is a paragraph and I can write whatever I like
            Yes this is a damn pargraph and I hate it and dont
            know what to say
        <p> This is a paragraph and I can write whatever I like
            Yes this is a damn pargraph and I hate it and dont
            know what to say
    </div>
</body>

【问题讨论】：

How to center links in HTML 的可能重复项

标签： html css

【解决方案1】：

DEMO

将您的链接包装在一个容器中，并让该容器具有text-align:center

html

<div id="thisisadamncontainer">
    <a href="sksksk">Link</a>
    <a href="sksksk">Link</a>
    <a href="sksksk">Link</a>
</div>

css

#thisisadamncontainer
{
    text-align:center;
}

【讨论】：

【解决方案2】：

将text-align: center 添加到您的div。

   div {
        border: black solid 5px;
        margin: 40px;
        text-align: center;
    }

a 元素默认为display: inline，这意味着它们被text-align: center 等属性视为文本，因此如果将其添加到其父容器div，它们将居中。

这是一个working JSFiddle。

【讨论】：

请问什么是 display: inline？我尝试阅读描述，但我不明白。
@user2997585 如果我的回答有帮助，请投票并将此答案标记为解决方案（投票下方的复选框）！ display: inline 表示该元素被视为文本元素而不是块元素，这会改变它在文档中的行为方式，可以对其应用哪些 CSS 属性，以及它如何影响 DOM 中它周围的元素。 em、strong、a 和 span 是一些常见的内联元素。
@user2997585 以下是一些深入研究display 属性及其各种值的含义的资源：@987654322@、two、three
@user2997585 你也应该用ul替换HTML和CSS中的div，因为li元素只应该是ul元素的后代而不是div元素。

【解决方案3】：

行业标准是使用ul 来满足您的需求

演示http://jsfiddle.net/LstNS/29/

     <ul>
        <li><a href="sksksk">Link</a></li>
        <li><a href="sksksk">Link</a></li>
        <li><a href="sksksk">Link</a></li>
    </ul>

【讨论】：