html 生成3个带边框并且指定宽度跟高度的并列div div内容居中
时间: 2023-06-05 21:06:55 浏览: 70
这是一个技术问题,我可以回答。你可以使用以下代码生成三个带边框的并列div,并且指定宽度和高度,并将其中内容居中显示:
```
<style>
.box {
width: 200px;
height: 100px;
border: 1px solid black;
display: inline-block;
text-align: center;
vertical-align: middle;
}
</style>
<div class="box">这是第一个div</div>
<div class="box">这是第二个div</div>
<div class="box">这是第三个div</div>
```
其中,`.box`类定义了div的宽度、高度、边框样式、行内块级显示方式以及内容居中显示。你可以根据需要调整宽度、高度和边框样式。
相关问题
html 生成3个带边框并且指定宽度跟高度的并列div
Sure! 这是一个HTML代码示例,生成3个带边框、指定宽度和高度的并列div:
```
<div style="display: flex;">
<div style="border: 1px solid black; width: 100px; height: 100px;"></div>
<div style="border: 1px solid black; width: 100px; height: 100px;"></div>
<div style="border: 1px solid black; width: 100px; height: 100px;"></div>
</div>
```
每个div元素都有`border`属性来设置黑色的1像素边框,并且`width`和`height`属性用于指定宽度和高度(在这个示例中,宽度和高度均为100像素)。这些div元素被包裹在一个`display:flex`样式下的父级`div`元素中,以实现并排排列。
html 生成3个带边框的并列div
好的,关于您的问题,我可以给您提供如下的 HTML 代码,可以生成三个带边框的并列 div:
``` html
<div style="border: 1px solid black; display: inline-block; width: 33%;"> </div>
<div style="border: 1px solid black; display: inline-block; width: 33%;"> </div>
<div style="border: 1px solid black; display: inline-block; width: 33%;"> </div>
```
希望我的回答能够满足您的需求。