请写一段python 代码,让三个div 块并排对齐,三个div 块间的间隔相等
时间: 2024-09-12 21:07:39 浏览: 15
你可以使用CSS的`display: flex`属性来实现这个需求。下面是一个简单的HTML和CSS示例,展示了如何创建并排排列、间隔相等的三个div块:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.container {
display: flex;
justify-content: space-between; /* 平行分布,并留出间隔 */
padding: 0 20px; /* 父元素添加间距 */
}
.div-block {
width: 30%; /* 保证每个div占据固定百分比宽度 */
border: 1px solid black; /* 可视化div边界 */
margin-bottom: 10px; /* 防止div堆叠 */
}
</style>
</head>
<body>
<div class="container">
<div class="div-block">Div 1</div>
<div class="div-block">Div 2</div>
<div class="div-block">Div 3</div>
</div>
</body>
</html>
```
在这个例子中,`.container`设置了`display: flex`使其变为弹性容器,`justify-content: space-between`使得子元素间均匀分布。`.div-block`则占用了总宽度的30%,并有边框和底部间距。
相关问题
用Python写一段代码, 随机生成三个1-6之间的数字
好的,请稍等。以下是Python代码:
```python
import random
num1 = random.randint(1, 6)
num2 = random.randint(1, 6)
num3 = random.randint(1, 6)
print(num1, num2, num3)
```
这段代码将随机生成三个1-6之间的数字,并把它们输出到屏幕上。希望这可以帮到你。
请帮我写一段python绘制三维散点图的代码
当然可以,以下是一段绘制三维散点图的Python代码:
```python
import matplotlib.pyplot as plt
from mpl_toolkits.mplot3d import Axes3D
fig = plt.figure()
ax = fig.add_subplot(111, projection='3d')
x = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
y = [5, 6, 2, 3, 13, 4, 1, 2, 4, 8]
z = [2, 3, 3, 3, 5, 7, 9, 11, 9, 10]
ax.scatter(x, y, z, c='r', marker='o')
ax.set_xlabel('X Label')
ax.set_ylabel('Y Label')
ax.set_zlabel('Z Label')
plt.show()
```
这段代码使用了Matplotlib库和mplot3d工具包,可以绘制出一个简单的三维散点图。