草庐IT

vertical-alignment

全部标签

html - CSS flex 盒 : How do you align child elements of a flexbox container to opposite far ends of the main axis?

我正在设计网页标题的样式。我希望标题是包含Logo和一些导航链接的单行。我觉得今天布局此页眉的最佳、最现代的方式是使用CSS3的flexbox,所以这就是我想使用的。我希望Logo在flex容器中尽可能靠左,而其余导航项则尽可能靠右。这可以通过左右浮动元素轻松实现,但这不是我想做的。所以……如何将flexbox容器的子元素与主轴的相对远端对齐?flexbox子元素有一个属性可以让你在横轴上这样做,align-self,但似乎没有在主轴上这样做。我想出的最好的方法是在Logo和导航链接之间插入一个额外的空元素作为间隔。但是我选择为此标题使用flexbox的部分原因是为了与响应式设计保持一

html - CSS flex 盒 : How do you align child elements of a flexbox container to opposite far ends of the main axis?

我正在设计网页标题的样式。我希望标题是包含Logo和一些导航链接的单行。我觉得今天布局此页眉的最佳、最现代的方式是使用CSS3的flexbox,所以这就是我想使用的。我希望Logo在flex容器中尽可能靠左,而其余导航项则尽可能靠右。这可以通过左右浮动元素轻松实现,但这不是我想做的。所以……如何将flexbox容器的子元素与主轴的相对远端对齐?flexbox子元素有一个属性可以让你在横轴上这样做,align-self,但似乎没有在主轴上这样做。我想出的最好的方法是在Logo和导航链接之间插入一个额外的空元素作为间隔。但是我选择为此标题使用flexbox的部分原因是为了与响应式设计保持一

html - 垂直对齐复选框/标签对

这个问题在这里已经有了答案:Howtoaligncheckboxesandtheirlabelsconsistentlycross-browsers(40个答案)关闭9年前。我浏览了StackOverflow上有关此问题的帖子,但对我来说没有任何用处。我有以下CSS代码来垂直对齐复选框/标签对:body{font-family:"lucidagrande",tahoma,verdana,arial,sans-serif;font-size:11px;margin:0;padding:0;}fieldset{line-height:100%;}label{display:inline-b

html - 垂直对齐复选框/标签对

这个问题在这里已经有了答案:Howtoaligncheckboxesandtheirlabelsconsistentlycross-browsers(40个答案)关闭9年前。我浏览了StackOverflow上有关此问题的帖子,但对我来说没有任何用处。我有以下CSS代码来垂直对齐复选框/标签对:body{font-family:"lucidagrande",tahoma,verdana,arial,sans-serif;font-size:11px;margin:0;padding:0;}fieldset{line-height:100%;}label{display:inline-b

html - 是否有相当于 'align="center"' 的 css?

我试过:margin-left:auto;margin-right:auto;但它并没有使我的表格单元格中的元素居中。我有文本和的组合中的元素一旦我在任何中设置了“align="center"'元素,它确实居中。如何在样式表中实现这一点?顺便说一句,当我做text-align:center适用于文本。但不适用于其他元素,如编辑:跨度有以下类,如果这会影响对齐问题:.dot{display:block;width:10px;height:10px;background:#333;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml

html - 是否有相当于 'align="center"' 的 css?

我试过:margin-left:auto;margin-right:auto;但它并没有使我的表格单元格中的元素居中。我有文本和的组合中的元素一旦我在任何中设置了“align="center"'元素,它确实居中。如何在样式表中实现这一点?顺便说一句,当我做text-align:center适用于文本。但不适用于其他元素,如编辑:跨度有以下类,如果这会影响对齐问题:.dot{display:block;width:10px;height:10px;background:#333;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - 更改删除线的垂直位置?

我正在应用删除线标签:$5,000,000但是这条线太低了……它离底部大约1/4,而不是穿过中间。我有什么办法可以修改它,让它在中间多一点吗? 最佳答案 您不能使用strike标记或text-decoration:line-through样式来实现。行位置是内置的。您可以为此推出自己的风格,但这将是一个巨大的PITA。 关于html-更改删除线的垂直位置?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

html - 更改删除线的垂直位置?

我正在应用删除线标签:$5,000,000但是这条线太低了……它离底部大约1/4,而不是穿过中间。我有什么办法可以修改它,让它在中间多一点吗? 最佳答案 您不能使用strike标记或text-decoration:line-through样式来实现。行位置是内置的。您可以为此推出自己的风格,但这将是一个巨大的PITA。 关于html-更改删除线的垂直位置?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co