一个很小的用户控件，就是几个Hyperlink，设计视图里本来间距隔开，但是显示在页面上就乱了，有的重叠在一起了!

Question

一个很小的用户控件，就是几个Hyperlink，设计视图里本来间距隔开，但是显示在页面上就乱了，有的重叠在一起了!
本来是超链接，现在也没有超链接的效果了！就和普通文字一样！
这样的情况怎么解决？有人说用css+div，我想这么小的一个用户控件用不了这么复杂的吧！
谢谢各位！

Answer 1

用table把你的那几个hyperlink控件框起来，这样设好结构就不会那样了……web不像winform那样，你在设计图里调好了运行后就是那个样子

Answer 2

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl_ReplyOperate.ascx.cs" Inherits="WebUserControl_WebUserControl_ReplyOperate" %>
<div style="border-right: 1px ridge; border-top: 1px ridge; z-index: 106; left: 0px;
    border-left: 1px ridge; width: 500px; border-bottom: 1px ridge; position: absolute;
    top: 0px; height: 35px" id="DIV1" onclick="return DIV1_onclick()">
</div>
<asp:HyperLink ID="HyperLinkRework" runat="server" Style="z-index: 100; left: 8px;
    position: absolute; top: 8px">[编辑]</asp:HyperLink>
<asp:HyperLink ID="HyperLinkMessage" runat="server" Style="z-index: 101; left: 65px;
    position: absolute; top: 8px">[短信]</asp:HyperLink>
<asp:HyperLink ID="HyperLinkFriend" runat="server" Style="z-index: 102; left: 124px;
    position: absolute; top: 10px">[好友]</asp:HyperLink>
<asp:HyperLink ID="HyperLinkPresent" runat="server" Style="z-index: 103; left: 191px;
    position: absolute; top: 10px">[奖分]</asp:HyperLink>
<asp:Label ID="LabelAdmin" runat="server" Style="z-index: 104; left: 358px; position: absolute;
    top: 8px" Text="管理："></asp:Label>
<asp:HyperLink ID="HyperLinkDelete" runat="server" Style="z-index: 107; left: 420px;
    position: absolute; top: 8px">[删除]</asp:HyperLink>

Answer 3

有时候布局就是很难控制的
用css+div将布局搞好，以后就省力了

Answer 4

很简单的空间也要用css+div布局吗？如果有3个Hyperlink，那么一个div里放一个Hyperlink，再用css？

Answer 5

前面用table框过了，还是会乱掉！
大家帮我想想办法？是不是这么简单的控件也一定要用css+div?

Answer 6

你写死了left、top的值，而且都是absolute的。另外我也看不懂第一个div有什么意义，可以删除掉吧。你直接写：   <asp:HyperLink ID="HyperLinkRework" runat="server">[编辑]</asp:HyperLink>
   &nbsp;
   <asp:HyperLink ID="HyperLink..." runat="server">[...]</asp:HyperLink>
   &nbsp;
   <asp:HyperLink ID="HyperLink..." runat="server">[...]</asp:HyperLink>
   &nbsp;
   <asp:HyperLink ID="HyperLink..." runat="server">[...]</asp:HyperLink>
   &nbsp;
   <asp:HyperLink ID="HyperLink..." runat="server">[...]</asp:HyperLink>这就够了。用户控件在页面上的位置、宽度会决定了最终的内部控件的位置，你不能使用absolute布局。

Answer 7

这是一个模棱两可的说法。你的需求是用户控件时流式布局、随时可能放在页面上任何地方，并且即使在页面上放置2个以上也可以的，不符合需求的回答“css+div”只会误事。实际上，你正是使用了css的，错误在css里边。

Answer 8

大师，给我推荐一本css的初学教程吧！《CSS基础教程》（作者:(英)柯林森）这本书怎么样？http://www.amazon.cn/mn/detailApp?qid=1225432373&ref=SR&sr=1-2&uid=168-6826711-4093842&prodid=zjbk594739