繁体   English   中英

asp:表格宽度(百分比)不起作用

[英]asp:table width in percentage is not working

我正在尝试使表格看起来正确。 当我使用固定宽度时,表格就是我想要的尺寸...但是当我使用%时,它就像被忽略了。

这是代码:

 <asp:Table ID="Times" runat="server" style="Width:100%;">
    <asp:TableRow BackColor="YellowGreen">
        <asp:TableCell Width="45%">
            <asp:Image ID="imgImage" runat="server" />
        </asp:TableCell>
        <asp:TableCell Width="55%" >xxxxxx xxxx xxxx<br /><br />
        8:xxxxxxxx xxxxx xxxxxxxx<br />
        xxxxxxxxx x xxxx<br />
        xxxxxxx xxxxxxxxxx xxxxx</asp:TableCell>
    </asp:TableRow>
</asp:Table>

我究竟做错了什么?

VS 2010,vb.net,.net4,asp.net应用

这是呈现的标记:

 <table id="ContentPlaceHolder1_Times" style="Width:100%;">
<tr style="background-color:YellowGreen;">
    <td style="Width:45%"><img id="ContentPlaceHolder1_imgImage" src="Images\SlideShow\default\church.JPG" /></td><td style="Width:55%">Sunday Service Times<br /><br />
        8:45 Fellowship Time<br />
        9:00 Sunday School<br />
        10:15 Church Services</td>
</tr>

这是aspx代码。

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"
CodeFile="Default.aspx.vb" Inherits="_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<asp:Table ID="Times" runat="server" Width="100%">
    <asp:TableRow BackColor="YellowGreen">
        <asp:TableCell  Width="45%">
            <asp:Image ID="imgImage" runat="server" />
        </asp:TableCell>
        <asp:TableCell  Width="55%" >Sunday Service Times<br /><br />
        8:45 Fellowship Time<br />
        9:00 Sunday School<br />
        10:15 Church Services</asp:TableCell>
    </asp:TableRow>
</asp:Table>
</asp:Content>

母版页

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" 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>
</head>
<body background='<%=ResolveClientUrl("images\wood2.jpg")%>'>
<form id="form1" runat="server">
<div id="header" style="padding: 5px 5px 2px; text-align: center; width: 400px;">
    <asp:Image ID="imgSCC" runat="server" ImageUrl="images\hdrpic.jpg" />
    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" SiteMapProvider="Menu"
        ShowStartingNode="false" />
    <asp:Menu ....>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>

如果Width="100%"代替style="width=100%;"效果很好style="width=100%;" (最终它做同样的事情)当您说固定宽度看起来不错时,您所指的是什么分辨率

当您希望页面在各种分辨率下看起来正确时, percentage很好

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM