怎么把input放到div盒子中间
时间: 2023-12-10 18:42:09 浏览: 62
JQuery&CSS;&CSS;+DIV实例大全.rar
你可以使用 CSS 来实现将 input 放到 div 盒子中间的效果。以下是一个示例代码:
HTML 代码:
```
<div class="container">
<input type="text" placeholder="在这里输入内容">
</div>
```
CSS 代码:
```
.container {
display: flex;
align-items: center;
justify-content: center;
height: 200px; /* 设置盒子高度 */
}
input {
width: 80%; /* 设置 input 宽度 */
padding: 10px;
border: none;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
```
这样就可以将 input 放到 div 盒子的中间了。你可以根据需要修改 CSS 样式来适应你的页面布局。
阅读全文