海科SEO顾问为您快速优化网站,网站SEO优化 营销型网站建设第一品牌!
189-3859-6332

轻松、简单、快速!值得信赖的SEO顾问服务。

专业 敬业 职业  

您现在的位置:首页 > 最新资讯 >

简单代码实现所有屏幕垂直居中?

人气: 发表时间:2018-05-22 17:17

简单代码实现所有屏幕垂直居中? 
 
 
实例一:
 
<p id='a'>a</p>
在所有设备的所有不同屏幕大小的设备上,让他垂直居中的最短代码是给他style样式
 
#a{line-height:100vh}
 
 
实例二:
 
设置文字或者图片居中:
<center></center>;
第一种办法: 直接用center来设置, 居中位置<div style="text-align: center;">
第二种办法: 就是用距离来控制它的位置 margin:50 50 0 0;这种也可以固定到中间位置
根据实际情况来居中,看左右是否有添加的文字或者图片的代码。
 
 
实例三:
 
使用align=”center“即可实现表格的居中。代码实例如下:
 
<html>
<meta charset="utf-8">
<body>
<table align="center" border="1">
    <tr>
        <td>表格内容</td>
    </tr>
</table>
</body>
</html>
本帖的地址:http://www.se-o.cn/news/1470.html
本文来自海科SEO(www.se-o.cn)整理编辑,转载本站文章请注明出处。