2

私は現在、脚本形式で台詞を表示するテキストエリアを作成しようとしています。これまでのところ、私はこれを思いつきました：

<textarea style="width: 140pt; border: 0px; resize: none; overflow:hidden;">

height: auto;のようなものを追加するか、高さを完全に削除しようとしましたoverflow: auto;(上記のコードで行ったように) - しかし、これはうまくいきませんでした。私がやりたいのは、幅を140ptに保ちながら、テキストエリアの高さをテキストに合わせて増やすことだけです。どうすればいいですか？

ありがとう、J

4

3 に答える 3

1

脚本のテキストを等幅フォントで表示し、複数のスペースを保持したいだけの場合は、white-space:pre割り当てられた別の要素を使用することをお勧めします。

HTML

<div class="screenplay">
EXT. FOREST / ELSEWHERE - DAY

Susan is on a cell-phone call. She smiles at Melissa, who walks by with two cups of coffee.

                        SUSAN (V.O.)
            Right now, this is probably our top pilot. But things change.
</div>

CSS

.screenplay {
    white-space: pre;
    font-family: monospace;
}

http://jsfiddle.net/GhMjq/を参照してください

ただし、Fountain Scrippets プラグインの出力も確認することをお勧めします。これにより、CSS を使用した標準的な脚本の規則に従ってフォーマットされた適切な HTML で脚本のスニペットが出力されると思います。

于 2013-10-08T10:03:11.173 に答える