CSS 即-VERT中等

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 即-VERT中等相关的知识，希望对你有一定的参考价值。

<html>
<head>
	<title>Untitled</title>
<style type="text/css">
#outer {height: 58px;width: 60px; overflow: hidden; position: relative; border: 2px solid green;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
</style>
</head>

<body>

<ul >
  <li id="outer">
    <div id="middle">

	    <div id="inner">
      any text
     
    </div>
	</div>
  <li id="outer">
    <div id="middle">
	    <div id="inner">
      any text<br/>
	  sdbsdbdbsdfb
     
    </div>

	</div>
</ul>



</body>
</html>
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html

http://www.aspekt1.net/ms/dev/vertical-align.html

以上是关于CSS 即-VERT中等的主要内容，如果未能解决你的问题，请参考以下文章

css 中等淡入淡出

AU-VERT X UJA | 穿出我的环保态度

vert.x学习，动态模板与静态文件的结合

如何在 CSS 中应用默认 OS 系统的“中等”字体

leetcode 221. Maximal Square 最大正方形(中等)

详细介绍弹性盒模型（display：flex）