我正在尝试创建一个梯形的div形状,并希望将文本放置在中心。我目前有一个顶部边框形状像梯形的div。这样做的问题是文本位于div的中心,而不是梯形的中心。我可以改变页边距并手动将文本放在中间,但这太麻烦了,需要布局来响应不同的屏幕大小。我想把div的主体做成梯形,这样就可以很容易地将文本居中。我在网上到处寻找如何做到这一点,但所有的答案都有相同的方法,只是将顶部或底部的边界设置为梯形。
import React from 'react'
import "../css/WelcomeScreen.css"
function WelcomeVisitor(){