text-align:center で中央揃えされた textarea の先頭に別の文字列を追加する方法を探しています。
以下のようなイメージです。《》は常に中央揃えになっている想定です。
できれば、css3だけで表現したいのですがjsやAngularJSを使わないとできないでしょうか。textareaのbefore属性で付与しようとしましたが上手くいきませんでした...
---
《 1. [textareaの値がここに出力される...] 》
---
補足:
近いものをつくってみました。
http://jsfiddle.net/epwxe9L8/
こちらを、textareaの値とbefore属性の値を含め、中央揃えをさせたいです。cssだけで実現したいのですが不可能でしょうか...?(データの受け渡しはjavascriptで行う予定です)
みんなの回答 4 件
なぜコードを変換してわざわざわかりにくく質問するのか。
それともコードが分からない人に質問したいのか。
textareaとかinput系ってbefore属性使えなかった気がする。どうしてもjs使いたくないならspan、divとか足してみたらどうでしょ?
何をしようとしているのか、わからないけど。divタグにcontenteditable属性つければ、編集出来るようになります。それと擬似要素を足したら、良いと思います。ただ、データを投げるには、JSも使わないといけないかもしれません。
トピ主です。近いものをつくってみました。
textareaの値とbefore属性の値を含め、中央揃えをさせたいです。
cssだけで実現したいのですが不可能でしょうか...?
《 stap1. [textareaの値です] 》
《 stap1. [textareaの値はxxxxxです] 》
《 stap1. [textareaの値はxxxxxxxxxxxxxxxです] 》
※《 》はすべて中央揃えです
Edit fiddle - JSFiddle
http://jsfiddle.net/epwxe9L8/関連するトピックス