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

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

2012-03-01 
LI方法如何让内容靠左对齐STYLEtypetext/css.TabADS.TasADSOn{FONT-WEIGHT:boldBACKGROUND:#ffe4a6CU

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>
//&lt;![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 ";
}
//]]&gt;
</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在一行显示,然后随便你居左,居中还是居右

热点排行