使用Flexbox垂直定心
垂直居中兄弟内容是我们在网络上长期需要的任务，但似乎总是比它应该的要困难。我们最初使用表格来完成任务，然后转向CSS和JavaScript技巧，因为表格布局效率极低——然而，表格似乎是实现垂直居中的最简单、最可靠的方法。当垂直对齐CSS属性被引入后，我非常兴奋，但很快发现它通常没有做我想做的事情。
在为DevTools调试器使用flexbox之后，我发现对齐项目：居中；是我一直需要的英雄。
让我们考虑以下HTML标记，它具有不同高度的内容：
<div class=“parent”>＜div＞您好</div（分频）>佩伦特斯克居住者莫尔比·特里斯提克（morbi tristique senectus et netus et malesuada fames ac turpis egestas）。前庭扭转室，后庭，耳道，颞侧坐位，前庭。Donec eu libero坐在amet quam egestas semper。埃涅阿斯变形金刚。Mauris砂矿位于eleifend leo。安静地坐在阿米特·埃斯特·萨皮安·乌兰科珀·法雷塔</p> </div><div><img src=“https://davidwalsh.name/wp-content/themes/punky/images/logo.png“style=”display:inline；“></div></div>
如果我们希望每个元素的内容垂直居中，可以使用flexbox和对齐-项目要做到这一点：
.父级{显示：flex；对齐项目：居中；}
Flexbox一直被承诺是网页布局的救星，但似乎有点熄火，转而支持CSS网格；我很高兴flexbox解决了垂直对齐问题，这个问题让我们做了这么长时间的噩梦！
![MooTools模板简介]()
使用MooTools JavaScript框架创建UI组件的一个主要问题是，没有一种很好的方式允许自定义模板和轻松创建节点。截至目前，有两种创建方式：新元素疯狂创建UI驱动的第一种方法。。。
![您没有使用的5个HTML5 API’；t已知存在]()
当你说或读“HTML5”时，你有一半的期待是外来舞者和独角兽会随着“我性感，我知道”的曲调走进房间。你能怪我们吗？我们看到基本API停滞了这么长时间，以至于一个基本功能。。。
![全屏API]()
随着我们向更真实的web应用程序迈进，我们的JavaScript API正在尽最大努力跟上。一个非常简单但有用的新JavaScript API是全屏API。全屏API提供了一种编程方式来请求用户全屏显示并退出。。。
![使用MooTools滑块的常见问题解答]()
我经常用一个注重细节的网站来评价一个优秀的网站，让所有的“小事情”看起来好像花费了很多时间。让我们面对现实——常见问题解答总是那么无聊。那就是，直到你。。。
