Html 锚定标签的填充_Html_Css_Asp.net_Padding

Html 锚定标签的填充

html css asp.net

Html 锚定标签的填充,html,css,asp.net,padding,Html,Css,Asp.net,Padding,我有一个asp.net页面，其代码如下所示 <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <

我有一个asp.net页面，其代码如下所示

<%@ 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>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <style>
      body {
        margin: 0px;
      }
      header,
      footer {
        background-color: black;
        color: white;
        padding: 20px;
        text-align: center;
      }
      header {
        position: fixed;
        top: 0;
        width: 100%;
      }
      header li {
        display: inline-block;
        border: 1px solid rgb(0, 153, 255);
        background-color: dodgerblue;
      }
      header li:hover {
        background-color: white;
      }
      header a {
        text-decoration: none;
        color: white;
        padding: 15px;
      }
      header a:hover {
        color: dodgerblue;
      }
    </style>
  </head>

  <body>

    <form id="form1" runat="server">
      <div>
        <header runat="server">
          <h1>Welcome to SAIC</h1>
          <asp:Menu ID="MainMenu" runat="server" Orientation="Horizontal">
            <Items>
              <asp:MenuItem Value="Home" NavigateUrl="~/Home.aspx"></asp:MenuItem>
              <asp:MenuItem Value="Login" NavigateUrl="~/Login.aspx"></asp:MenuItem>
              <asp:MenuItem Value="Add Products" NavigateUrl="~/Add Products.aspx"></asp:MenuItem>
              <asp:MenuItem Value="View Product Details" NavigateUrl="~/View Product Details.aspx"></asp:MenuItem>
            </Items>
          </asp:Menu>
        </header>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
      </div>
      <footer>
        <p>Copyrights @ 2016</p>
      </footer>
    </form>
  </body>

  </html>


锚定标记是一个内联元素。填充不适用于内联元素。您必须将其设置为块元素。使它们成为内联块必须起作用
锚定标记是一个内联元素。填充不适用于内联元素。您必须将其设置为块元素。使它们成为内联块必须起作用
如果将其显示为块或内联块对您不起作用，请尝试将
标记放在锚定标记中，并在标记中添加边距或填充：
如果将其显示为块或内联块对您不起作用，请尝试将
标记放在锚定标记中，并在标记中添加边距或填充：

我在您的代码中没有看到锚定标记！你能发布一些提琴之类的东西吗？Asp.net处理母版页，菜单项被转换成锚定标记。这是生成的源代码，对我来说很好！是的，它起作用了。我甚至试过使用IE.；）我在你的代码中没有看到锚定标记！你能发布一些提琴之类的东西吗？Asp.net处理母版页，菜单项被转换成锚定标记。这是生成的源代码，对我来说很好！是的，它起作用了。我甚至试过使用IE.；）虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码，因为这会降低代码和解释的可读性！虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码，因为这会降低代码和解释的可读性！
<a href="#" style="display:block;padding:10px">Click here</a>

a
{
    display:inline-block;
}

a{
 display:block;
 padding:15px;
 }//Use This Is inline Element That's Why You Need This Code Try It Once