我想要将一些文本与div的顶部对齐.看起来vertical-align: text-top;美元应该行得通,但它不管用.我所做的其他事情,比如将div放入列中并显示虚线边框(这样我就可以看到div顶部的位置)都可以正常工作.

#header_p { 
    font-family: Arial;
    font-size: 32px;
    font-weight: bold;
}
#header_selecttxt {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    vertical-align: text-top;
}
#header_div_left { 
    float: left; 
    width: 50%;
    border: dashed;
    vertical-align: top;
}
#header_div_right { 
    margin-left: 50%;
    width: 50%;
    border: dashed;
}

推荐答案

垂直对齐属性仅适用于内联元素.它不会对挡路级别的元素(如div)产生任何影响.此外,文本顶部仅将文本移动到当前字体大小的顶部.如果您想要将内联元素垂直对齐到顶部,只需使用此命令即可.

vertical-align: top;

段落标签没有过时.此外,应用于SPAN元素的垂直对齐属性在某些Mozilla浏览器中可能不会按预期显示.

Css相关问答推荐

如何在css中从圆中切出1/n?

如何为多个背景和棋盘设置不同的大小

正确的`最小/最大宽度`+`非(设备类型)`css媒体查询的语法

靴子,为什么我不能让任何东西正确地排好队?

如何为 MUI Slider 字段中 markLabel 的第一个和最后一个实例提供边距?

如何将 div 和 img 包装在 display:flex 容器中

在 CSS 中跨列对齐文本基线

为什么 width: 100% 在 Flex 父级中缩小这个 div ?

做一个像CodeSandbox的console那样的可拖拽的split panel

使用任意运行时字符串进行 Tailwind CSS 类定位

通过css修改样式shadowroot元素

Angular (13) material - 覆盖 CSS 文件不起作用

如何在 CSS Grid 布局中指定行高?

更改最后一个
  • 的 CSS
  • 在 IE9-10 中压缩 SVG 的背景大小

    如何强制显示垂直滚动条?

    当子元素水平溢出时,为什么忽略父元素的右填充?

    CSS关键帧动画CPU占用率高,应该这样吗?

    :before 和 ::before 有什么区别?

    如何复制 iOS 上固定的后台附件