见代码:    <div  style="text-align:center;" >
        <div id="1">
        <table>
            <tr>
                <td >第一个元素 </td>
            </tr>
        </table>
        </div>
        
        
        <div id="2">
        <table >
        <tr>
            <td >
                 第二个元素
            </td>
        </tr>
        </table>
        </div>
    </div>如何让id="1" 的div靠左显示,让id="2"的div保持居中
谢谢!

解决方案 »

  1.   

     <div  style="text-align:center;" >
            <div id="1" style="text-align:left">
            <table>
                <tr>
                    <td >第一个元素 </td>
                </tr>
            </table>
            </div>
            
            
            <div id="2" style="text-align:center">
            <table >
            <tr>
                <td >
                     第二个元素
                </td>
            </tr>
            </table>
            </div>
        </div>
      

  2.   

    <td align="left">第一个元素 </td>
    <td align="center"> 第二个元素  </td> 
      

  3.   

    <div  style="text-align:center;" >
            <div id="1">
            <table>
                <tr>
                    <td  style="text-align:left">第一个元素 </td>
                </tr>
            </table>
            </div>
            
            
            <div id="2">
            <table >
            <tr>
                <td  style="text-align:center">
                     第二个元素
                </td>
            </tr>
            </table>
            </div>
        </div>
      

  4.   

    <div  style="text-align:center;" >
            <div id="1" style="float:left" >
            <table>
                <tr>
                    <td >第一个元素 </td>
                </tr>
            </table>
            </div>
            
            
            <div id="2" style="float:right">
            <table >
            <tr>
                <td >
                     第二个元素
                </td>
            </tr>
            </table>
            </div>
        </div>
      

  5.   


    <div  style="text-align:center;" >
            <div id="1" style=" text-align:left;">
            第一元素
            </div>
            
            
            <div id="2" style=" text-align:center">
            第二元素
            </div>
        </div>
      

  6.   

    <span style="float:left">第一行</span><br style="clear:both" />