读书人

LI方法怎么让内容靠左对齐

发布时间: 2012-03-01 10:25:46 作者: rapoo

LI方法如何让内容靠左对齐
<STYLE type=text/css>
.TabADS .TasADSOn {
FONT-WEIGHT: bold; BACKGROUND: #ffe4a6 ; CURSOR: pointer; COLOR: #333; TEXT-ALIGN: center;margin:0px; padding:0px;
}

.TabADS LI {
margin:0px; padding:0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e4e4e4 ; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; CURSOR: pointer; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.report_left{ float:left; width:400px;}
</style>
<SCRIPT language=javascript type=text/javascript>
// <![CDATA[
function Show_TabADSMenu(tabadid_num,tabadnum){
for(var i=0;i <4;i++){document.getElementById( "tabadcontent_ "+tabadid_num+i).style.display= "none ";}
for(var i=0;i <4;i++){document.getElementById( "tabadmenu_ "+tabadid_num+i).className= " ";}
document.getElementById( "tabadmenu_ "+tabadid_num+tabadnum).className= "TasADSOn ";
document.getElementById( "tabadcontent_ "+tabadid_num+tabadnum).style.display= "block ";
}
//]]>
</SCRIPT>
<tr> <td colspan= "4 "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr> <td >

<DIV class=TabADS>
<UL>
<LI class=TasADSOn id=tabadmenu_10
onmousedown= "setTimeout( 'Show_TabADSMenu(1,0) ',300); "> 现金方式 </LI>
<LI id=tabadmenu_11
onmousedown= "setTimeout( 'Show_TabADSMenu(1,1) ',300); "> 非现金资产清偿方式 </LI>
<LI id=tabadmenu_12
onmousedown= "setTimeout( 'Show_TabADSMenu(1,2) ',300); "> 债务转资本方式 </LI>
<LI id=tabadmenu_13
onmousedown= "setTimeout( 'Show_TabADSMenu(1,3) ',300); "> 修改其他债务条件方式 </LI> </UL> </DIV>
</td> </tr>
<tr> <td> <DIV class=TabADSCon>
<UL id=tabadcontent_10> <li> <div class= "report_left "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <input type= "checkbox " name= "IS_CASH " value=y> 现金方式 </td>
</tr>
这段程序如何能对齐到屏幕左边?

[解决办法]
<DIV class=TabADS align= "left ">
<UL>


<LI class=TasADSOn id=tabadmenu_10
onmousedown= "setTimeout( 'Show_TabADSMenu(1,0) ',300); "> 现金方式 </LI>
<LI id=tabadmenu_11
onmousedown= "setTimeout( 'Show_TabADSMenu(1,1) ',300); "> 非现金资产清偿方式 </LI>
<LI id=tabadmenu_12
onmousedown= "setTimeout( 'Show_TabADSMenu(1,2) ',300); "> 债务转资本方式 </LI>
<LI id=tabadmenu_13
onmousedown= "setTimeout( 'Show_TabADSMenu(1,3) ',300); "> 修改其他债务条件方式 </LI> </UL> </DIV>
[解决办法]
不明白你说的是啥
[解决办法]
楼主是想把横向排列改为纵向排列吧?也就是:

现金方式 非现金资产清偿方式 债务转资本方式 修改其他债务条件方式

改为:

现金方式
非现金资产清偿方式
债务转资本方式
修改其他债务条件方式

如果是这样的话,只需要把li的样式中的“float:left;”去掉即可,也就是:

<STYLE type=text/css>

.TabADS .TasADSOn {
FONT-WEIGHT: bold; BACKGROUND: #ffe4a6 ; CURSOR: pointer; COLOR: #333; TEXT-ALIGN: center;margin:0px; padding:0px;
}

.TabADS LI {
margin:0px; padding:0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e4e4e4 ; PADDING-BOTTOM: 0px; WIDTH: 135px; CURSOR: pointer; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.report_left{ float:left; width:400px;}
</style>
<SCRIPT language=javascript type=text/javascript>
//<![CDATA[
function Show_TabADSMenu(tabadid_num,tabadnum){
for(var i=0;i <4;i++){document.getElementById( "tabadcontent_ "+tabadid_num+i).style.display= "none ";}
for(var i=0;i <4;i++){document.getElementById( "tabadmenu_ "+tabadid_num+i).className= " ";}
document.getElementById( "tabadmenu_ "+tabadid_num+tabadnum).className= "TasADSOn ";
document.getElementById( "tabadcontent_ "+tabadid_num+tabadnum).style.display= "block ";
}
//]]>
</SCRIPT>
<tr> <td colspan= "4 "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr> <td >

<DIV class=TabADS>
<UL>
<LI class=TasADSOn id=tabadmenu_10
onmousedown= "setTimeout( 'Show_TabADSMenu(1,0) ',300); "> 现金方式 </LI>
<LI id=tabadmenu_11
onmousedown= "setTimeout( 'Show_TabADSMenu(1,1) ',300); "> 非现金资产清偿方式 </LI>
<LI id=tabadmenu_12
onmousedown= "setTimeout( 'Show_TabADSMenu(1,2) ',300); "> 债务转资本方式 </LI>
<LI id=tabadmenu_13
onmousedown= "setTimeout( 'Show_TabADSMenu(1,3) ',300); "> 修改其他债务条件方式 </LI> </UL> </DIV>
</td> </tr>
<tr> <td> <DIV class=TabADSCon>
<UL id=tabadcontent_10> <li> <div class= "report_left "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <input type= "checkbox " name= "IS_CASH " value=y> 现金方式 </td>
</tr>

[解决办法]
float:left去掉,加display:block;
[解决办法]
display: inline;
让li在一行显示,然后随便你居左,居中还是居右

读书人网 >CSS

热点推荐