小编squ*_*y06的帖子

我想制作一个继承其子宽度的 div。

当子级只有一行时它可以工作，但是当它变成多行时，父级将获得 max-width 属性的宽度。

HTML：

<div class="message-content">
    <span>Lorem ipsumdolor ipsum dolorsit ametipsumdolor ipsum dolor sit amet ipsumdolor ipsum dolor sit amet</span>
</div>

社会保障体系：

.message-content {
    max-width: 450px;
    background: green;
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
    span {
       background:red;
    }
}

Jsfiddle： https: //jsfiddle.net/q0axyfp3/

预期结果：

编辑 这是我想要实现的目标的比较（当然以响应式且优雅的方式）： https: //jsfiddle.net/q0axyfp3/5/

有谁知道如何修理它？

非常感谢

这是我想要实现的（在编辑器中选择了t）：

摘要之前：

var t = 'Foobar';

摘录后：

var t = 'Foobar';
console.log('t', t);

我怎样才能做到这一点？这是我尝试做的事情：

"log_selection": {
    "prefix": "cls",
    "body": [
        "console.log('$TM_SELECTED_TEXT', $TM_SELECTED_TEXT);"
    ],
    "description": "Logs selected text"
}

但这只是将摘要替换为摘要。我认为我可以在这里使用TM_CURRENT_LINE，但是我不知道该行中剩余的文本应该怎么做。

您对此有什么想法吗？摘录也许不可能吗？如果是这样，我如何达到预期的效果？

谢谢。