用java script写个长条框架
时间: 2023-06-30 18:07:11 浏览: 109
这是一个使用 java 实现俄罗斯方块的小项目.rar
以下是一个简单的长条框架的代码示例,你可以根据自己的需求进行修改和完善:
```html
<!DOCTYPE html>
<html>
<head>
<title>长条框架</title>
<style>
.container {
display: flex;
flex-direction: row;
background-color: #eee;
border: 2px solid #ccc;
padding: 10px;
}
.box {
flex: 1;
background-color: #fff;
border: 1px solid #ccc;
margin-right: 10px;
padding: 10px;
}
.last-box {
margin-right: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="box">第一个框</div>
<div class="box">第二个框</div>
<div class="box last-box">第三个框</div>
</div>
</body>
</html>
```
在上面的代码中,我们使用了 CSS 的 Flexbox 布局来创建一个长条框架。我们首先创建了一个容器元素 `.container`,并将其设置为 Flex 布局,并设置了一些常规的样式,如背景颜色、边框和内边距。然后,我们创建了三个子元素 `.box`,并使用 `flex: 1` 属性将其平均地分配到父容器中。最后,我们将最后一个 `.box` 的右边距设置为 0,以避免在最后一个元素后面出现多余的间距。
这是一个基本的长条框架的代码示例,你可以根据自己的需求在此基础上进行修改和添加样式。
阅读全文