页面代码如下<div>
名称:首页一屏通栏<br />
尺寸:952*32<br />
规格:JPG 15K<br />
价格:<font color="#ffffff">50,000元/天</font>
</div>
想给这层写一个样式如上图所示,既居中又左对齐,,,,,求教谢谢各位

解决方案 »

  1.   

    <div style="padding:10px 20px">一般就可以了,你要真的居中,加表格就很简单了<div style="text-align:center">
    <table style="margin:auto"><tr><td>
        名称:首页一屏通栏<br />
        尺寸:952*32<br />
        规格:JPG 15K<br />
        价格:<font color="#ffffff">50,000元/天</font>
      </td></tr></table>
    </div>
      

  2.   

    <div style="text-align:center">
      

  3.   


    不用表格不行吗?
    要加了<div style="padding:10px 20px">的话
    我的层的宽度就变了
      

  4.   

    <div style="padding:10em 20em">(第一个用于上-下,第二个用于左-右)
      

  5.   

    不用表格可以这样
    <!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"><div style="text-align:center">
    <span style="display:inline-block;text-align:left">
        名称:首页一屏通栏<br />
        尺寸:952*32<br />
        规格:JPG 15K<br />
        价格:<font color="#ffffff">50,000元/天</font>
      </span>
    </div>
      

  6.   


    <div style="width:300px; pading:6px 0;">
        <div style="width:250px; margin:0px auto; text-align:left;" >
            名称:首页一屏通栏<br />
            尺寸:952*32<br />
            规格:JPG 15K<br />
            价格:<font color="#ffffff">50,000元/天</font>
        </div>
    </div>