关于label和input对齐的那些事

默认状态下，也就是下面这样, 文字和input是居中的。但是经常设计图中有label的行高，或者input的高度设计，默认状态下，依然是居中的。但是很多时候label和input要浮动，一旦浮动，后面的input标签就紧紧的贴住了label标签，也就造成了视觉上看到并没有居中。比如下面：渲染出来的效果是这样但是这并不是我想要的结果，所以通常可以控制label的padding-top，视觉上让它看起来是居中的。就像下面一样：默认状态下，labe免费云主机域名l和radio是不对齐的，我们知道，input是内联元素，但是它依然是可以设置高度和宽度的，因为它是内联可替换元素。默认状态下，radio是有margin值的，但是这并不是它影响label和radio是不居中的。默认效果如下:因为label对齐的是文字的基线，所谓基线，就是x的底端。如果我们浮动的话，会发生什么事情呢？
结果发现，浮动之后，radio紧紧的贴着label，并且位于顶端。那么到底如何让它们对齐呢?得出来的效果如下：
那么，我们再来测试一下，这种方法是否可以。设置label的高度。结果显示如下：说明，这种方法可行。还可以设置padding测试，这里就不测试了。总结：同时设置label和input的vertical-align: middle就可以了。

相关推荐: docker run常用命令有哪些

本篇内容主要讲解“docker run常用命令有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“docker run常用命令有哪些”吧!使用案例：案例1、运行一个简单的容器，其中需要包含控制台管理[root@Ce…