HTML – 我需要帮助来制作一个垂直调整大小的栏

概述我的问题很简单,我有三个div,它们在视觉上是水平的,但我想将它们保持为相同的方面,但是垂直.我是初学者,我研究并试图自己做,但我做不到.遵循以下代码： .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9;} <div class="note-statusbar"> 我的问题很简单,我有三个div,它们在视觉上是水平的,但我想将它们保持为相同的方面,但是垂直.我是初学者,我研究并试图自己做,但我做不到.遵循以下代码：

.note-icon-bar {    wIDth: 20px;    margin: 1px auto;    border-top: 1px solID #a9a9a9;}

<div >    <div >        <div ></div>        <div ></div>        <div ></div>    </div></div>

我想垂直离开这三个小条,让我做一个调整大小的栏.

解决方法 您可以简化代码并使用一个div(2个边框1线性渐变),然后调整所需的值：

.note-icon-bar-v {  Box-sizing:border-Box;  height: 20px;  wIDth: 7px;  margin: 1px auto;  border-right: 1px solID #a9a9a9;  border-left: 1px solID #a9a9a9;  background: linear-gradIEnt(#a9a9a9,#a9a9a9) 2px 0/1px 100% no-repeat;}.note-icon-bar-h {  Box-sizing:border-Box;  wIDth: 20px;  height: 7px;  margin: 10px auto;  border-top: 1px solID #a9a9a9;  border-bottom: 1px solID #a9a9a9;  background: linear-gradIEnt(#a9a9a9,#a9a9a9) 0 2px/100% 1px  no-repeat;}

<div ></div><div ></div>

总结

以上是内存溢出为你收集整理的HTML – 我需要帮助来制作一个垂直调整大小的栏全部内容，希望文章能够帮你解决HTML – 我需要帮助来制作一个垂直调整大小的栏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。