gpt4 book ai didi

html - 如何在CSS中将文本对齐到顶部或底部

转载 作者:行者123 更新时间:2023-11-28 08:31:27 24 4
gpt4 key购买 nike

这是我的代码,我尝试将文本 nameage 对齐到底部,但它不起作用

<div class="tiles">
<div id="metro-array">
<a class="metro-tile" style="cursor: pointer; width: 110px; height: 110px; display: block; background-color: deepSkyBlue; color: #fff;">
<span style="margin-top:100px">
Name
<span>
Age
</a>
<a class="metro-tile" style="cursor: pointer; width: 110px; height: 110px; display: block; background-color: deepSkyBlue; color: #fff;">
name2
Age 2
</a>
</div>
</div>

我的CSS

.tiles {
font-family:'Lato', Helvetica, sans-serif;
line-height: 28px;
font-size: 16px;
color: #333;
font-weight: lighter;
}
#metro-array a, #downloads a {
font-weight: normal;
text-transform: uppercase;
float:left;
}

}

我在那个跨度内尝试了这些

margin-top:100px and `margin-top:-100px`

但是没有效果

最佳答案

我已经编辑了您的代码以实现您的目标。

http://plnkr.co/edit/VJYpZa76UL06FLlRpRJr?p=preview

我将所有样式移动到 style.css 因为这是 separate your CSS from your HTML 的好习惯.

关于html - 如何在CSS中将文本对齐到顶部或底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28249288/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com