首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

怎么让checkboxlist的项有两行时,两行的左边文字对齐

2011-12-30 
如何让checkboxlist的项有两行时,两行的左边文字对齐.RT,如图[解决办法]你观察下输出的 HTML 是什么结构,

如何让checkboxlist的项有两行时,两行的左边文字对齐.
RT,如图

[解决办法]
你观察下输出的 HTML 是什么结构,用 CSS 控制。
如果没法改变,需要修改 HTML 结构的话,建议改用 Repeater.
[解决办法]
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>Untitled Page</title>
<style type="text/css">
#chklist1 input 
{
float: left;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBoxList ID="chklist1" runat="server" RepeatLayout="Table">
<asp:ListItem Value="1">肌肤抗衰老的考虑过类似的考虑过类似的浪费粮食对方考虑考虑适当放宽了深刻了多方考虑适当方式</asp:ListItem>
<asp:ListItem Value="1">肌肤抗衰老的考虑过类似的考虑过类似的浪费粮食对方考虑考虑适当放宽了深刻了多方考虑适当方式</asp:ListItem>
<asp:ListItem Value="1">肌肤抗衰老的考虑过类似的考虑过类似的浪费粮食对方考虑考虑适当放宽了深刻了多方考虑适当方式</asp:ListItem>
<asp:ListItem Value="1">肌肤抗衰老的考虑过类似的考虑过类似的浪费粮食对方考虑考虑适当放宽了深刻了多方考虑适当方式</asp:ListItem>
</asp:CheckBoxList>
</div>
</form>
</body>
</html>

[解决办法]
对 checkbox 应用 float: left 即可。

热点排行