Html <;a>;标记未在asp.net母版页中移动

Html <;a>;标记未在asp.net母版页中移动,html,css,asp.net,Html,Css,Asp.net,以下是MasterPage.master文件: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <titl

以下是MasterPage.master文件:

<%@ Master Language="C#" AutoEventWireup="true" 
CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="css/style.css" media="all" />

</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">

    </div>
    <div id="div2">
    </div>
    <div id="div3">
        <a href="" id="a1">Home</a> <br />
        <a href="" id="a2">Contact Us</a> <br />
        <a href="" id="a3">Login</a>
    </div>
</form>

我希望“主页”文本必须位于第三部分的顶部,并以一些上边距居中,联系我们应该位于第三部分的中间并居中,登录应该位于第三部分的底部并以一些下边距居中。我应用了一些css属性,如position:absolute、margin、top等,但无法实现我想要的功能。

这看起来是一个使用css Flexbox的好地方。将Flexbox属性添加到设置样式的区域
#div3
。要在链接周围添加边距,您可以在此选择器中添加一个
margin
属性:
#div3 a
(尽管我建议为每个链接添加一个类,然后设置该类的样式)

正文
{
背景颜色:海蓝宝石;
}
#第一组
{
高度:300px;
宽度:300px;
边框:2倍纯红;
}
#第二组
{
高度:300px;
宽度:1314px;
边框:2倍纯红;
位置:绝对位置;
左:314px;
顶部:15px;
}
#第三组
{
高度:500px;
宽度:300px;
边框:2件纯色黑色;
/*Flexbox属性*/
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
证明内容:之间的空间;
}
#第三季a{
/*在每个链接周围应用边距*/
保证金:1rem;
}




如果没有flexbox属性,我想这样做。请参阅我发布的代码片段。最重要的属性在
#div3
中:显示、调整方向、对齐项目和对齐内容。但是如果不使用Flexbox,又如何呢?您不想使用Flexbox有什么原因吗?我认为它非常适合您的问题。我的visual studio 2010不支持flexbox
body
{
    background-color: aquamarine;
}

#div1
{
    height:300px;
    width: 300px;
    border: 2px solid red;
}

#div2
{
    height: 300px;
    width: 1314px;
    border: 2px solid red;
    position: absolute;
    left: 314px;
    top: 15px;
}

#div3
{
    height: 500px;
    width: 300px;
    border: 2px solid darkmagenta;
    text-align:center;
}

#a1
{
}

#a2
{
}

#a3
{
}