51可用代码模板网站

咨询热线:

181-1164-6936
  • 1
CSS样式
当前位置:首页>实用代码>CSS样式>

CSS垂直居中完美实用实例

时间:2017-08-16 17:08点击:
<!DOCTYPE HTML>
          <html>
           <head>
            <meta meta charset="utf-8">
            <title>CSS垂直居中</title>
            <style type="text/css" media="all">
             body{color:black;background-color:white;padding:50px;font-size: 12px;line-height:16px;font-family:arial; color: #1E346E;}
             * {margin: 0;padding:0;border-width: 0;}
             .list{vertical-align: middle;width:640px;margin-bottom: 1px;border: solid 1px #00a0da;background-color:#F0F5FF; }
             .list:hover{background-color:#d9e7f5;}
             /*----------set vertical align middle----------*/
             .list p,.list b { vertical-align: middle;display: -moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
             .list p { padding:10px;}
             /*----------set min-height----------*/
             .list b { height:52px;width:1px;overflow:hidden;margin-left:-1px;background-color:#009Cd0;}
            </style>
           </head>
           <body>
            <div class="list"><b> </b><p style="width:80px;">first class</p><p style="width:160px;">Can be modified</p>
<p style="width:160px;">Can be refunded.</p><p 


style="width:160px;">Can be endorsed</p></div>
            <div class="list"><b> </b><p style="width: 80px;">Economy class</p><p style="width:160px;">Can be modified</p>
<p style="width:160px;">Can be refunded.</p><p 


style="width:160px;">Can be endorsed</p></div>
            <div class="list"><b> </b><p style="width:80px;">23% off Economy class</p><p style="width:160px;">One free change
 permitted within same class if available; further 


changes charged 10% of fare. Passengers must go to CA ticketing office to process fee-based changes.</p>
<p style="width:160px;">10% of fare charged. </p><p 


style="width:160px;">Can not be endorsed</p></div>
            <div class="list"><b> </b><p style="width:80px;">-6% off Economy class</p><p style="width:160px;">Free change 
permitted within same class if available at least 4 days 


prior to departure.</p><p style="width:160px;">20% of fare charged (minimum CNY50 charge).</p>
<p style="width:160px;">Can not be endorsed</p></div>
<div><A href="http://www.51kydm.com/">http://www.51kydm.com/</A></div>
           </body>
          </html> 

51可用模板(代码)网站专为广大站长朋友提供精品模板与代码,同时免费提供网站收录。
本站域名: WWW.51KYDM.COM    联系方式:QQ:182468923    手机:18111646936
本站关键词:网站链接收录网址收录入口网站免费提交收录网站收录提交入口    网站地图
51可用模板
展开