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(其他还未测试)。

目录
相关文章
|
5月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
279 0
|
11天前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
22 2
Twaver-HTML5基础学习(10)嵌入Table
|
4月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
50 1
|
4月前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
32 5
|
10天前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
22 1
|
3月前
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
143 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
|
3月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
|
4月前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
29 0
|
5月前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
53 1
|
5月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
512 0

热门文章

最新文章

下一篇
无影云桌面