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的回答:)