我有一个div,其中包含图像和跨度.我希望跨度中的文本与图像中间对齐.当然,为了方便起见,我做了一个小提琴.
这是HTML:
<div id="legend">
<img src="http://fate.holmes-cj.com/plus.png"/>
<span> * 5</span>
</div>
Run Code Online (Sandbox Code Playgroud)
以下是我尝试过的一些事情:
span {vertical-align:middle;}
好像什么也没做.span {vertical-align:top;}
将文本对齐到图像的顶部.你会认为如果top
有效,那么也会middle
.span {vertical-align:20px;}
给了我想要的东西,但它取决于div高度,图像高度和字体大小(并与之交互). display:table-cell
已在其他地方建议SO,但在Chrome中似乎无能为力.你可以在我的Fate Dice Roller上看到问题.单击"滚动"几次,然后将鼠标悬停在直方图上.你的骰子卷上有一些简洁的统计数据,但文字部分未对齐.
我只是运气不好,还是垂直对齐真的应该是这个混乱?我想要一个不需要在我改变字体大小时进行调整的解决方案.
在/etc/fstab
使用Yocto构建它时,我无法更新我的Linux发行版.我对Yocto很新,所以也许我不喜欢摇滚乐.
我最近的尝试是添加一个名为的食谱base-files_%.bbappend
.
mount_smackfs () {
cat >> ${IMAGE_ROOTFS}/etc/fstab <<EOF
# Generated from smack-userspace
smackfs /smack smackfs smackfsdefault=* 0 0
EOF
}
ROOTFS_POSTPROCESS_COMMAND += "mount_smackfs; "
Run Code Online (Sandbox Code Playgroud)
但是,分发上的输出/ etc/fstab没有改变.所以问题是: