Html 内联内联块元素的 CSS 垂直对齐

<div>
  <a></a><a></a>
  <span>Some text</span>
</div>​

a {
    background-color:#FFF;
    width:20px;
    height:20px;
    display:inline-block;
    border:solid black 1px;
}

div {
    background:yellow;
    vertical-align:middle;
}
span {
    background:red;
}

div > * {
    vertical-align:middle;  // Align children to middle of line
}

Html相关问答推荐

悬停时放大人物：不要增加其周围边界的大小

为什么在CSS中字段是一个有效的 colored颜色 名称？

动态FormControl值在Angular 上绑定错误的问题

为什么我的网页底部是蓝色背景而不是渐变色？

通过动态div的对角线

用于删除页面页眉上的超链接的CSS

Bootstrap 5.3.2模式页脚左填充还是左边距？

有没有办法移动占位符？

为什么带有截断的 contentedible div 在受约束时会在 Chrome 中添加空格

如何在悬停时更改同级元素 CSS

如何使Bootstrap 5卡可点击

如何使用javascript在jsx中重复插入特殊字符？

我如何使用 html 在表格的单元格内实现下面显示的背景 colored颜色 加载器(请判断设计参考的图像链接)

发送带有图像的Google文档作为HTML格式的邮件正文不再起作用

您如何动态更改 Vue 中更高级别的标签的 CSS

在shiny 的应用程序中使用图标功能时出错

在不扭曲图像的情况下将图像放入灵活的 Div 框内

CSS Padding 将右对齐的对象推离页面

动态使用时波浪号不转换为绝对路径

尽管设置了 width：100% left：0，但居中对齐的 CSS 动画并不对称