gpt4 book ai didi

html - 使用 Bootstrap 在同一 div 的顶部和底部左对齐?

转载 作者:太空宇宙 更新时间:2023-11-04 03:29:34 25 4
gpt4 key购买 nike

我试图在底部对齐一行按钮,但在顶部也有两行文本都使用 twitter bootstrap 左对齐。这是我要实现的目标:

enter image description here

这是一个jsfiddle我最近的尝试:

我当前的 css 文件如下所示:

.profile-avatar {
position:relative;
height:170px;
}

.profile-avatar img {
height: 160px;
width: 160px;
margin-left: 20px;
}


.profile-buttons {
margin-left: 15px;
margin-top: 110px;
}

我完全不知道如何在三个按钮上方的图像右上角添加两行文本。

有什么想法吗?

谢谢,-保罗

最佳答案

http://jsfiddle.net/kks6h0bc/7/

.text-0,.text-1{
position: absolute;
top: 0px;
left: 200px;
display:block;

}
.text-0{
top: 0px;
font-size:30px;
}

.text-1 {
top: 50px;
}

关于html - 使用 Bootstrap 在同一 div 的顶部和底部左对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26535656/

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