如何在页面中插入不可选择的引号（通常在开头）？

Question

我看到这个很多次了，但我就是不知道如何将它插入到页面中。一般是双引号开头，不可选。这就是我要说的：

如何将其插入页面？

Answer 1

或者你可以让它可选择，但更容易（IMAO）编码，有两个段落，一个带有“，第二个带有文本：

<div>
  <p style="padding-left: 10px; width: 50px; height: 100%; font-size: 50px; float: left; color: gray; margin-top: 15px;"><i>"</i></p>
  <p style="width: calc(100% - 60px); float: right;">Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

编辑：如果需要，您可以使用 css user-select: none;:

使 " 不可选择

<div>
  <p style="user-select: none; padding-left: 10px; width: 50px; height: 100%; font-size: 50px; float: left; color: gray; margin-top: 15px;"><i>"</i></p>
  <p style="width: calc(100% - 60px); float: right;">Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

如何在页面中插入不可选择的引号（通常在开头）？

How to insert an unselectable quotation mark (usually at the beginning) into a page?

html

css

quotes

double-quotes