小编Kev*_*n F的帖子

我试图让这个textarea在2列布局中伸展以填充空白空间.因此右列是可变高度,我希望左列中的textarea拉伸以填充空白区域.我尝试使用align-items:在父级上拉伸以及在textarea上将高度设置为100%,我似乎无法让它增长以填充空间.

这是HTML

<div class="row">
    <div class="left">
        <h1>Stuff</h1>
        <textarea></textarea>
    </div>
    <div class="right">
        <h1>Preview</h1>
        <div class="content"></div>
    </div>
</div>

这是风格

.row{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

.row > div{
  flex: 0 0 50%;
  max-width: 50%;
}

textarea{
  height: 100%;
}

.content{
  height: 500px;
  background-color: green;
}

这是一个傻瓜

我理解需要供应商前缀和所有这些,所以你不需要进入它.这只是我的代码的简化版本,用于演示我遇到的问题.

如果我有一个不太像的列表：

@colors: 'red' #f00, 'green' #0f0, 'blue' #00f;

我知道我可以遍历列表并获取颜色，但是如果我想获取特定的颜色怎么办？说我想做

extract(@colors, 'green')

将#0f0 移出列表。有没有办法做到这一点？如果它需要几个步骤而不是 1 就可以了，我只是好奇是否可能。该文档仅提到按索引从列表中获取项目。

http://lesscss.org/functions/#list-functions-extract