2012-03-07 4 views
4

HTML/CSS(4つ以上のエッジを持つTextarea)でカスタムシェイプのテキストエリアを使用できますか?どうやって?このような
何か:
enter image description here
か、可能であれば、このような何かもっと複雑な:あなたは次のHTMLを持っている場合
enter image description hereHTML/CSSのカスタムシェイプのテキストエリア

答えて

0

トップの結果のためには、あなたが探しているもののようなものを取得する必要があります

<div style="width:'textbox-width';"> 
    <img style="float: right" /> 
    <span>text goes here</span> 
</div> 

画像が必要な大きさの空白スペーサーであり、その後、スパン内のテキストは、画像の周りにラップし、上記のように表示されます。

六角形が、それは超非セマンティックなので、私は、このリンクを与える行為に身震いtriangluar画像

+1

は本当に「三角形の画像」のようなものはありますか?画像がどのようなものであっても、私は思う。それは三角形のイメージかもしれませんが、イメージ自体は長方形です。 gif画像とpng画像は透過性を持つことができますが、実際には異なるエッジはありません。おそらくcss3変換によって画像がアングルでレンダリングされる可能性がありますか? – keithwyland

+0

確かに、私はずっとそれをずっと考えていませんでした。異なる幅の画像を重ねて使用すると、三角形の画像が表示される可能性があります。それはthooの価値があるよりももっと面倒かもしれない –

2

と同じ方法を使用して可能であるかもしれません。最終的には、テキストの「折り返し点」を作成することだけが目的です。

しかし、FWIWは、ここにあなたが求めていることをすることができる方法です。私は個人的には、それを楽しむために、あるいは私自身のサイトでのみ、このようなことをやっていますが、おそらく他のプロダクション公開サイトではありません。

http://www.csstextwrap.com/

+0

* cringe *インラインスタイル:{D – Labu