我已经使用CSS flex来并排显示两个div,它们包含在一个包装内,我一直在努力让内部#myClippetWrapper是我设置高度的地方,所以在#myClippetWrapper我可以设置的子元素中height: 100%;.
但是正如你可以看到从#myClippetWrapper主要部分之外的所有内部元素运行下面的代码片段,它们都悬挂在主要内容div之外？
我不想使用overflow: auto因为我不想在那里使用滚动条,我只需要子元素#myClippetWrapper不在主要部分/ div之外.
main {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;
background-color: red;
width: 100%;
max-width: 50%;
height: auto;
}
#myClippetWrapper {
display: flex;
height: 700px;
}
#clippetNav {
padding: 10px;
width: 250px;
height: 100%;
background-color: #222222;
margin-right: 10px;
}
#codeAndNotesWrapper {
display: flex;
width: 100%;
}
#codeAndNotesWrapper>div {
flex-basis: 100%;
height: 100%;
}
#codeView {
padding: 10px;
/*flex: 0 0 …所以我有一个使用display flex的容器,然后是4个div,其中第一个需要像使用显示块一样,其他3个需要按原样运行.
代码段演示:
#container {
display: flex;
}
#menu {
display: flex;
}
#menu p {
margin: 0;
padding: 8px;
padding-bottom: 0;
}
.otherDivs {
height: 700px;
width: 10%;
background-color: grey;
margin-right: 5px;
}<div id="container">
<div id="menu">
<p>Btn</p>
<p>Btn</p>
<p>Btn</p>
</div>
<div class="otherDivs"></div>
<div class="otherDivs"></div>
<div class="otherDivs"></div>
</div>如何让菜单显示在其他div之上？
我知道我可以把菜单div放在容器之外,但我需要将它保存在容器中,因为我在Jquery选项卡中使用它.
我正在尝试将这些 div 设置为显示在中心，但保持它们的项目显示在左侧，就像text-align: left会做的那样。
这是我的例子：https : //jsfiddle.net/gr5Lmos1/
#donateList {
display: flex;
justify-content: center;
align-items: center;
align-self: center;
flex-direction: column;
flex-wrap: wrap;
}
.donateItem {
flex: 0 1 auto;
align-items: flex-start;
justify-content: flex-start;
align-self: center;
}
.donateItem * {
display: inline-block;
}
.donateItem p {
vertical-align: bottom;
}
.donateItem img {
height: 64px;
width: 64px;
}<div id="donateList">
<div class="donateItem">
<img src="/images/icons/bitcoin.png">
<p>Bitcoin:</p>
<p>fkewjhf;eiwhf;iewfhwehfewifhew</p>
</div>
<div class="donateItem">
<img src="/images/icons/paypal.png">
<p>Paypal:</p>
<p>eijfhewfwifhefefewf</p>
</div>
</div>我正在尝试将 donateItem 的内容显示在所有左侧，但将所有 donateItem 的 …
如果我有一个公共存储库，其中有一个工作流设置要在将某些内容推送到主控时触发，那么我可以从不同的存储库触发另一个工作流来触发吗？
我想这样做的原因是因为我的公共存储库用于允许任何人做出贡献，但我想创建另一个私有存储库来处理不可见的构建过程/部署。有没有更好的方法来使用 GitHub 操作处理此类用例？- 我基本上不希望我的服务器上的构建过程被公开。