html 生成3个并列div
时间: 2023-06-05 12:06:54 浏览: 81
可以使用以下代码实现:
```
<div style="display:flex;">
<div style="flex:1;">第一个div</div>
<div style="flex:1;">第二个div</div>
<div style="flex:1;">第三个div</div>
</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>
```
希望我的回答能够满足您的需求。
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`元素中,以实现并排排列。