CSS让文字在元素内绝对居中！！！【ie和谷歌】

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>html,body{height: 100%;padding: 0;margin: 0;font-family: "微软雅黑"}.middle-box{display: table;height: 100%; padding: 0 10px;}.middle-inner{display: table-cell; vertical-align:middle; text-indent: 2em;}</style><!--[if lt IE 8]><style>.middle-inner { position: absolute; top:50%;}</style><![endif]-->
</head>
<body>
<div class="middle-box"><div class="middle-inner">这种方式既可以兼容谷歌又可以强上了IE</div>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/webSong/p/7851635.html

CSS让文字在元素内绝对居中！！！【ie和谷歌】相关推荐

css让文字在一行内显示
css让文字在一行内显示 1.例如 p元素,里面的文字不换行显示,超出部分不隐藏 p{width:100px;word-break:keep-all;white-space:nowrap; } 2.例 ...
CSS中的块元素,内联元素,内联块元素
块元素,内联元素,内联块元素元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素块元素,也可以称为行元素,布局中常用的标签如: ...
CSS控制字体在一行内显示不换行
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢? 用CSS让文字在一行内显示不换行的方法: 一般的文字截断(适用于内联与块): 1 .text ...
html表格内文字置顶,css如何让table里的字居中？
css如何让table里的字居中?下面本篇文章就来给大家介绍一下使用CSS让table里字居中的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以通过设置text ...
css 多行文字左对齐,纯CSS实现文字一行居中，多行左对齐的方法
其实这种需求还是蛮常见的,主要用于产品列表页面,用于产品图片下面,显示产品的名称. 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中. 当文字长度大于盒子的宽度,会自动 ...
CSS常用技巧（元素显示隐藏、用户界面样式、垂直对齐、溢出文字省略号显示、精灵技术、滑动门、margin负值之美和css三角之美）
CSS常用技巧 CSS常用技巧(元素显示隐藏.用户界面样式.垂直对齐.溢出文字省略号显示.精灵技术.滑动门.margin负值之美和css三角之美) 1.元素显示隐藏 1.1display 显示(重点) ...
CSS进阶（7）—— 内联元素的掌管者line-height和vertical-align（上）
在CSS世界中,块级元素一般负责结构,而内联元素则负责文字内容,而CSS设计的初衷就是面向图文混合排版,因此内联元素在CSS世界中有着非常重要的地位.由于本章内容较多,因此特分为上下两章,依旧可以根据 ...
css变换transform 以及行内元素的一些说明
变换transform的用法比较简单:[变换其实和普通的css属性,如color等没什么区别,可以为变换应用过渡或动画,就像其他普通css属性一样] #test { transform: transl ...
CSS文字或元素的水平垂直居中多种方式（简单明了）
前言:水平居中,我们可以很容易想到使用text-align实现文字水平居中,使用margin:0px auto;可以实现元素水平居中:所以重点将是怎么实现文字和元素的垂直居中?? --- 本文将通过举 ...

CSS让文字在元素内绝对居中！！！【ie和谷歌】

CSS让文字在元素内绝对居中！！！【ie和谷歌】相关推荐

最新文章

热门文章