当前位置: 代码迷 >> ASP.NET >> 靠右解决方法
  详细解决方案

靠右解决方法

热度:10087   发布时间:2013-02-25 00:00:00.0
靠右
怎么把最下面的添加联系人变成靠右?我只知道textalign。


HTML code
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>无标题页</title>    <asp:ContentPlaceHolder id="head" runat="server">    </asp:ContentPlaceHolder>    <style type="text/css">        * {            padding:0;             margin:0;        }        body {            font-family:verdana, sans-serif;             font-size:small;        }        #navigation, #navigation li ul {            list-style-type:none;        }        #navigation {            margin:20px;        }        #navigation li {            float:left;            text-align:center;            position:relative;        }        #navigation li a:link, #navigation li a:visited {            display:block;             text-decoration:none;             color:#000;             width:150px;             height:40px;             line-height:40px;             border:1px solid #fff;             border-width:1px 1px 0 0;             background:#c5dbf2;             padding-left:10px;         }        #navigation li a:hover {            color:#fff;            background:#2687eb;        }        #navigation li ul li a:hover {            color:#fff;            background:#6b839c;         }        #navigation li ul {            display:none;            position:absolute;             top:40px;            left:0;            margin-top:1px;            width:120px;        }        #navigation li ul li ul {            display:none;            position:absolute;             top:0px;            left:130px;             margin-top:0;            margin-left:1px;            width:120px;        }    </style>    <script type="text/javascript">        function displaySubMenu(li) {            var subMenu = li.getElementsByTagName("ul")[0];            subMenu.style.display = "block";        }        function hideSubMenu(li) {            var subMenu = li.getElementsByTagName("ul")[0];            subMenu.style.display = "none";        }    </script>    </head><body><ul id="navigation">        <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">            <a href="Default4.aspx">管理联系人&nbsp;&nbsp;&nbsp;&nbsp;</a>            </li>        <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">            <a href="#">订阅事件&nbsp;&nbsp;&nbsp;&nbsp;    </a>                &nbsp;                <ul>                <li><a href="#">订阅版本质量更改事件</a></li>                <li><a href="#">订阅版本完成事件</a></li>            </ul>        </li>        <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">            <a href="search.aspx">查询联系人&nbsp;&nbsp;&nbsp;&nbsp;</a>            </li>    </ul>    <br />    <ul id="navigation"><li>    <div style="text-align:right"> <a href=""> 添加联系人</a>    </div>    </li></ul>    <div style="text-align:left">        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">                </asp:ContentPlaceHolder>    </div></body></html>


------解决方案--------------------------------------------------------
<div style="float:right;"> <a href=""> 添加联系人</a>
  相关解决方案