Javascript 选择多行文字而不溢出宽度

当您选择交叉线时，向上图像显示黄色区域外不需要的红色选择。我想在黄色部分中进行选择，如下所示：

HTML:

你知道如何做到这一点吗

---

在此处运行代码：

您可以使用display:inline块；如果display:inline块不是选项，另一种解决方案是添加

溢出：隐藏

---

给父母。那也行。

谢谢！那正是我想要的！在advanced中，您还可以移动填充：50px；从孩子到父母。而不是仅在子容器中选择。

<div id="parent">
    <div id="child">
        This is some content... This is a long lonnnnnnng content.
    </div>
</div>

#parent {
    width: 200px;
    background-color: #666;
}

#child {
    padding: 50px;
    background-color: #ff0;
}

::selection {
    background-color: #f00;
}