0

表のセルを Excel のように contenteditable にしたい (任意のセルをクリックすると、強調表示された編集可能なボックスが表示され、入力されたテキストがセル幅を超えるとその幅が大きくなるはずです)。完了すると、表のセルは通常のセルとして表示されますが、テキストを超えると切り捨てられるはずです。Excelシートセルに似ているはずです。

私が試してみました、

<td contenteditable="true" class="content" style="overflow:hidden"></td>

フォーカスイベントで、z-index:15 を作成しました。また、ぼかしイベントで、z-index を削除しました。ただし、入力されたテキストはトリミングされず、セル幅はテキストの幅として更新されます。

私も試しましたが、

<td><div contenteditable="true" style="width:100%; height:100% overflow:hidden"></div>  
</td>

しかし、オーバーフローが機能しません。

助けてください、事前に感謝します。

4

2 に答える 2

0 
.content:focus{
  display: inline-block;
  width: "YOUR WIDTH";
}

ここで、javascript タグに「そのセルで編集する方法」に関する質問を追加する必要があります。

于 2013-08-30T07:54:44.963 に答える