相关疑难解决方法(0)

我知道可以使用以下CSS禁用用户文本选择。

   .unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

但是当我有以下html时：

<p>selectable text 1</p>
<p class="unselectable">unselectable text</p>
<p>selectable text 2</p>

用户仍然可以通过从页面的顶部（可选文本1）到页面的底部（可选文本2）进行选择来复制无法选择的文本。有什么方法可以防止这种情况？谢谢。

它是有用的,以增加整个代码#container,#Wrapper在每一个CSS布局？没有这个额外的我们不能进行布局div吗？使用这个额外的利弊是div什么？

这是好习惯吗？它对任何类型的设计/布局都有用吗？它在语义上是否正确？