`
f002489
  • 浏览: 263819 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

html页面元素垂直居中的小方法

    博客分类：
  • HTML
HTML 
阅读更多

我们可以利用表格的垂直居中，然后表格宽高100%就可以了。

代码：

<html><head>

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

 

<title>The page is temporarily unavailable</title>

<style>

body { font-family: Tahoma, Verdana, Arial, sans-serif; }

</style>

</head><body bgcolor="white" text="black">

<table height="100%" width="100%">

<tbody><tr>

<td align="center" valign="middle">

The page you are looking for is temporarily unavailable.<br>

Please try again later.

</td>

</tr>

</tbody></table>

</body></html>

分享到：
| 卸载DJNAGO 升级
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    块级元素的三种垂直水平居中的方法

    直奔主题在这里提供三种块级元素垂直水平居中的方法 flex（子级宽高可固定也可不固定，随意） 定位+margin（固定子级的宽高，margin-top,margin-left取自身一半的负值） 定位+transform（不固定子级的宽高） flex...

    CSS网页布局：div垂直居中的各种方法

    在前面的文章中我简单总结了一个“CSS在页面布局中实现div水平居中的方法”，其实水平居中实现还是比较简单的，反而垂直居中有点麻烦，因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面...

    让html元素随浏览器的大小自适应垂直居中的实现方法

    表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。 但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。 问题： 实现div垂直居中并在缩放浏览器尺寸...

    CSS解决页面图片水平垂直居中问题的方法

    做为一个前端设计人员，对于产品展示页面的设计一定不会陌生，其中产品图片摆放是必定经历的一步，并且水平居中和垂直居中又是最多的。有时需要产品图片水平垂直居中显示，这种展示用CSS来实现又是比较棘手的一件事...

    利用css设置元素垂直居中的解决方法汇总

    元素的垂直居中也是我们日常网页布局中经常会遇到的问题，本文主要给大家介绍了关于利用css设置元素垂直居中的解决方法，文中介绍了多种情况的多种解决方法，相信会对遇到这个问题的朋友们带来一定的帮助，下面话不...

    HTML对于元素水平垂直居中的探讨

    我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。 到现在为止，探讨了很多种方法。 HTML： XML/HTML Code复制内容到剪贴板 &lt;body&gt;     ...

    Flexbox制作CSS布局实现水平垂直居中的简单实例

    Flexbox实现一个div元素在body页面中水平垂直居中： XML/HTML Code复制内容到剪贴板 &lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;  &lt;head&gt;  &lt;meta charset="utf-8"/&gt;  &lt;title&gt;Flexbox...

    css3代码属性Flexbox实现内部div上下居中效果

    效果描述： 首先还是那句老话，非常幸运我们现在可以使用CSS3布局。... 今天给大家推荐的只是它实现内元素垂直居中的案例，以后还会推荐。。。 使用方法： 给你需要居中的div的父辈div增加附件中关键样式即可

    CSS制作水平垂直居中对齐 多种方式各有千秋

    作为前端攻城师，在制作Web页面时都有碰到CSS制作水平垂直居中，我想大家都有研究过或者写过，特别的其中的垂直居中，更是让人烦恼。这段时间，我收集了几种不同的方式制作垂直居中方法，但每种方法各有千秋呀，要...

    如何使div垂直水平居中的css代码

    主要的样式定义如下，这也是最简单的方法： body {TEXT-ALIGN: center;... ” 需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的

    网页布局 CSS简单实现垂直居中

    中文译文：...经常做的第一件事通常是如何在 CSS 中控制元素水平或者垂直方向上居中，相信这也是很多设计师喜欢做的事情。首先，我们采用绝对定位的方法让元素离开顶部和左部 50% 的距离，然后我们需要设

    企业网站开发技术实验文档

    实验三：CSS --- 基本的颜色表示（英文单词表示、rgb、16进制）、a标签伪类、盒模型、块级元素页面水平居中、行内元素水平居中、行内元素垂直居中 实验四：CSS --- 标准文档流的特性、块级元素和行内元素的特性

    用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法

    一直以来,在HTML中,img input select button 这里元素，垂直对齐,比较难。 结果我长大了。 我发现了一个现像，其实解决这些问题只是一句话的事。 img, input, select, button{vertical-align:middle;} 如: 复制代码...

    不固定宽度和高度的情况下CSS调整div居中的方法总结

    很多新手在写css的时候经常遇到的一个问题，当div没有固定的宽度或者高度的时候，如何才能让div水平或者垂直居中显示。如果div有固定宽度的话，用padding，margin都很容易实现。方法有很多种。不过经常遇到这种div...

    Bootstrap-Center-Columns:自动计算将x列居中所需的偏移量。 限制为给定列数的最大列大小

    自动计算将画廊的最后一个元素居中所需的偏移量。 限于画廊的列的最大可能大小。 .equid-column-断点大小和.equid-gallery-断点大小 与版本中心相同的操作，但列彼此等距居中。 示范页面 查看 要求 基本用法 不同...

    从入门到精通HTML5——PDF——网盘链接

    　14.3 增加的页面元素 269 　14.3.1 新增的figure元素 270 　14.3.2 新增的details元素 271 　14.3.3 新增的mark元素 272 　14.3.4 新增的progress元素 274 　14.3.5 新增的meter元素 275 　14.3.6 改良的ol列表 ...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 （4）背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...

    html入门到放弃笔记

    WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具： 1、记事本 2、浏览器 2、HTML 的基础语法 1、标记语法 HTML中用于描述功能的符号称为"标记" ...

Magicbox
Global site tag (gtag.js) - Google Analytics