Html 如何将段落居中放置在div框下?
我有一些Html 如何将段落居中放置在div框下?,html,css,Html,Css,我有一些div元素的框;我希望每个框下面的…文本居中对齐 这是我已经拥有的: .box{ 宽度:100px; 高度:100px; 边框:1px纯黑; 保证金:自动; 显示:内联块; } Winest 乙方 甲方 货币金融机构 签名 如何使用? 把它放在盒子下面有点不方便,但你看吧 .box{ 宽度:100px; 高度:100px; 边框:1px纯黑; 保证金:自动; 显示:内联flex; 对齐项目:柔性端; 证明内容:中心; } .方框p{ 位置:相对位置; 底部:-25px;
div
元素的框;我希望每个框下面的…
文本居中对齐
这是我已经拥有的:
.box{
宽度:100px;
高度:100px;
边框:1px纯黑;
保证金:自动;
显示:内联块;
}
Winest
乙方
甲方
货币金融机构
签名
如何使用?把它放在盒子下面有点不方便,但你看吧
.box{
宽度:100px;
高度:100px;
边框:1px纯黑;
保证金:自动;
显示:内联flex;
对齐项目:柔性端;
证明内容:中心;
}
.方框p{
位置:相对位置;
底部:-25px;
}
Winest
乙方
甲方
货币金融机构
签名
我还有一个解决方案,只需在p上编辑即可
.box{
宽度:100px;
高度:100px;
边框:1px纯黑;
保证金:自动;
显示:内联块;
}
.box>p{
显示器:flex;
证明内容:中心;
对齐项目:柔性端;
身高:100%;
}
Winest
乙方
甲方
货币金融机构
签名
您可以使用.box
元素的位置:相对和相应的位置设置,使p
元素绝对定位,如下例所示:
.box{
位置:相对位置;
宽度:100px;
高度:100px;
边框:1px纯黑;
保证金:自动;
显示:内联块;
边缘底部:30px;
}
.方框p{
位置:绝对位置;
底部:-30px;
左:0;
右:0;
}
Winest
乙方
甲方
货币金融机构
签名
你能发布一张你想要的图片吗?@Cristian,请参考我更新的问题图片。Thankshange.box{align items:center}到.box{align items:flex end}在盒子下面你是说盒子外面还是盒子里面的底部?我是说盒子外面但盒子下面。@HouyNarun更新了我的answer@MaorRefaeli,就是这样:)如何将方框和文本之间的间距(上边距
)调整为更小或更大?Thanks@MaorRefaeli,我通过调整底部的来查看。非常感谢。最好不要使用负数测量和调整位置。谢谢,我没有使用负值,非常抱歉我弄糊涂了,应该是Johannes的回答:)