css 响应文本框

2exbekwf  于 2022-12-01  发布在  其他
关注(0)|答案(2)|浏览(141)

如何使文本和边框居中对齐并使其具有响应性。
当创建边框时,它会占用页面的整个宽度
第一个

b1uwtaje

b1uwtaje1#

尝试使用CSS Flexbox。例如,如下所示。

.tul-help {
display: flex;
justify-content: center;
align-items: center;
height: 30%; // Or whatever height you want
}

.tul-help p {
margin: auto;
}
oyxsuwqo

oyxsuwqo2#

可能存在多种可能性:
1.你可以把你的HTML放到固定的容器里然后你可以设置你定义的max-width for the class tul-help and make it center align
1.您可以为div类"tul-help"指定一个max-width,并使用@media query you can adjust the max-width使其居中
以上这两条路都是可行的,帮你解决了。

相关问题