博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

多行文字在一个div中上下左右居中

Posted on 2013-10-30 11:33  人生梦想起飞  阅读(2323)  评论(0编辑  收藏  举报

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

 .LastLi_Honor{    float:left;    width:100%;    text-align:center;  }

.Honortable{     width:100%;     height:335px;     vertical-align:middle;     word-wrap:break-word;     word-break:break-all;     background:red; }

.Honortable p{     float:left;     width:100%;     font-family:"微软雅黑";     font-size:18px;     text-align:center;     line-height:28px; }

</style>

</head>

<body>

   <div class="LastLi_Honor">  

      <table>    

       <tr>     

        <td class="Honortable">   

            <p>苹果产品行业一级代理商</p>   

            <p>苹果产品行业一级代理商</p>  

           <p>苹果产品行业一级代理商</p>   

          <p>...</p>  

       </td>

     </tr>   

   </table>

   </div>

</body>

</html>