内联元素的垂直对齐并消除内联块元素之间的空间

病毒

我已经解决了一些问题。例如,我有两个宽度恒定的块和display: inline-blockhttp://jsfiddle.net/mgs8jLwk/)。我该如何强迫左手留在最前面?抱歉,如果它与某些问题重复。

PS有没有办法在不注释html标记中的空格的情况下制作两列或更多列?

UID

对于问题1-使块对齐顶部:

将“ vertical-align:top;”用于“ #one” div。

#one {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: blue;
    vertical-align:top; /*FIX ADDED*/
}

对于问题2-替代<!-- COMMENT-->在DIVS之间删除空间:

font-size:0;在父元素中添加“ ”:

#wrapper {
    margin: auto;
    width: 300px;
    font-size:0;
}

这里有一些其他选项可以消除内联块元素之间的空间:http : //css-tricks.com/fighting-the-space-between-inline-block-elements/

工作演示:http : //jsfiddle.net/8cfmjzg9/

希望这会有所帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

与内联元素垂直对齐

来自分类Dev

垂直对齐两个内联块元素

来自分类Dev

显示内联块元素不会垂直对齐

来自分类Dev

显示内联块元素不会垂直对齐

来自分类Dev

内联块元素的页边距奇怪,无法在其中垂直对齐元素

来自分类Dev

内联块元素不与省略号垂直对齐

来自分类Dev

Safari中内联元素的顶部垂直对齐

来自分类Dev

表格单元中内联元素的垂直对齐

来自分类Dev

内联块容器中的垂直对齐

来自分类Dev

内联块div的垂直对齐错误

来自分类Dev

内联块div的垂直对齐边界

来自分类Dev

Div内联块垂直对齐吗?

来自分类Dev

两个内联块和一个块元素之间的垂直空间

来自分类Dev

垂直对齐块元素

来自分类Dev

为什么这两个div元素使用显示内联块不与顶部对齐;垂直对齐:顶部?

来自分类Dev

内联块元素之间的空白

来自分类Dev

内联块元素之间的垂直间距小于字体

来自分类Dev

在 React 中删除内联块元素之间的空间

来自分类Dev

内联块div中的垂直对齐范围文本

来自分类Dev

如何像Pinterest中那样垂直对齐内联块?

来自分类Dev

使用内联块垂直对齐3格

来自分类Dev

两个内联块div的垂直对齐

来自分类Dev

如何像Pinterest中那样垂直对齐内联块?

来自分类Dev

CSS垂直对齐和内联块问题

来自分类Dev

在内联块内垂直对齐div

来自分类Dev

将文本垂直对齐到内联块的中间

来自分类Dev

内联块的CSS垂直对齐不起作用

来自分类Dev

内联块中带有垂直对齐的居中图标

来自分类Dev

如何使块元素垂直对齐?