html中怎么把两个div中的文字一起局中显示
可以使用Flexbox来实现将两个div中的文字一起居中显示。以下是一个示例代码:
<style>
.container {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}
.div1, .div2 {
border: 1px solid black;
padding: 10px;
}
</style>
<div class="container">
<div class="div1">Text 1</div>
<div class="div2">Text 2</div>
</div>
在上面的代码中,.container是一个包含两个div的父div,它使用display: flex;来启用Flexbox布局。justify-content: center;和align-items: center;属性将两个div的内容在父div中水平和垂直居中显示。你可以根据需要调整.container的高度来适应你的布局
原文地址: http://www.cveoy.top/t/topic/ib2M 著作权归作者所有。请勿转载和采集!