Html <;a>;标记未在asp.net母版页中移动
以下是MasterPage.master文件: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
<%@ 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
{
}