HTML利用Table使得内容在浏览器中横向、垂直居中

简介: 简单的东西,在aspx页面中内容浏览器横向、垂直居中兼容IE9,Firefox21,Chrome27,代码如下: 测试 html, body { height: 100%; width: 100%; } 内容 “ 内容”可以是Table、DIV(其他还未测试)。

简单的东西,在aspx页面中内容浏览器横向、垂直居中兼容IE9,Firefox21,Chrome27,代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>测试</title>
    <style type="text/css">  
        html, body
        {
            height: 100%;
            width: 100%;
        }
    </style>
</head>

<body >
    <table style="height: 100%; width: 100%;">
        <tr>
            <td align="center">
           内容
            </td>
        </tr>
    </table>
</body>
</html>

“ 内容”可以是Table、DIV(其他还未测试)。

目录
相关文章
|
7月前
HTML table 标准结构
HTML table 标准结构
27 0
|
6月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
172 0
|
17天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
18 0
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
26 0
|
3月前
|
移动开发 JavaScript 前端开发
如何处理html5新标签的浏览器兼容问题?
如何处理html5新标签的浏览器兼容问题?
18 0
|
3月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
57 0
|
4月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
38 2
|
4月前
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
|
5月前
|
移动开发 资源调度 JavaScript
html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas 一个强大的使用js开发的浏览器网页截图工具
41 0
|
5月前
vscode用浏览器预览运行html文件
vscode用浏览器预览运行html文件
57 2

热门文章

最新文章