Question

我试过了：

text-align: center;
margin: auto;
margin-left: auto;
margin-right: auto;

这是我的代码：

HTML：

<a id="final" href="sooce2.html"></a>

CSS：

#final {
   text-align: center;
}

Answer 1

锚标记是内联级别元素，因此您尝试过的内容将无效。

将a { display: block; }设为text-align: center;

或将text-align: center;应用于其父

＆＃13;

.center-text {
  text-align: center;
}

a.center-text {
  display: block;
}

＆＃13;

<div class="center-text">
<a href="#">Link goes here</a>
</div>


<a href="#" class="center-text">Link goes here</a>

＆＃13;

Answer 2

默认情况下width锚元素是内联元素，并且没有定义a{ display: block; text-align: center; } ..因此，如果你明确地将它的宽度明确地表示为XX px，或者像我的例子那样你可以使文本在居中）使它成为块元素，块元素默认为它的父元素的全宽。

<a href="#">My link</a>

.menuwrapper {
background-color: rgba(250,250,250, 0.1);
position: fixed;
width: 100%;
height: 42px;
z-index: 1;
margin: 0px;
overflow: hidden;
}

.menuwrapper::before{
  content: '';
  margin: -35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(10px);
    -moz-filter:blur(10px);
    -o-filter:blur(10px);
    -webkit-filter:blur(10px);
    background: rgba(0,0,0,0.5);
  z-index: 1;
}

Answer 3

将其包含在text-align:center;元素中，并将p分配给<p> <a id="final" href="sooce2.html"></a> </p>元素。

p {
   text-align: center;
}

CSS

cmake_minimum_required(VERSION 3.8)
project(CodeHunt)


set(CMAKE_CXX_STANDARD 11)

set(SOURCE_FILES
        levels/levels.cpp
        levels/levels.hpp
        user/solution.cpp
        user/solution.hpp
        codehunt.cpp
        codeloader.hpp
        integerlevel.hpp
        level.hpp)

add_executable(CodeHunt ${SOURCE_FILES})

target_link_libraries(${CMAKE_DL_LIBS})

Answer 4

你可以这样做：

.center-text {
  text-align: center;
  display: block;
}

<div class="center-text">
<a id="finall" href="sooce2.html">Link goes here</a>
</div>

如何在CSS中居链接？

4 个答案: