html - テキスト選択領域を制限する

Question

たとえば、GitHubでは、コードを選択すると、その隣の行番号ではなく、コードのみが選択されます。

これは、テーブル（aの行番号tdと。のコード）を使用しているためtdです。

どうすればこれを達成できdivますか？

編集： www.duncannz.comを参照して、テキストを強調表示してみてください。選択範囲をコンテンツ領域内にのみ配置し、ページの幅を埋めないようにします（たとえば、選択範囲の背景が黒い境界線を超えないようにします）

Answer 1

例: http://jsfiddle.net/gfp28/

<div>

  <ul class='no_select'>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
  </ul>

  <ul>
      <li>111111111</li>
      <li>222222222</li>
      <li>333333333</li>
      <li>444444444</li>
      <li>555555555</li>
  </ul>

</div>​

CSS:

ul {
  display: inline; 
  float: left; 
  margin: 10px;
}

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

これを CSS に追加すると、強調表示がコンテナーの幅に制限されます。

#actualcontent, #actualcontent * { position: relative; }