HTML/CSS(4つ以上のエッジを持つTextarea)でカスタムシェイプのテキストエリアを使用できますか?どうやって?このような
何か:
か、可能であれば、このような何かもっと複雑な:あなたは次のHTMLを持っている場合
HTML/CSSのカスタムシェイプのテキストエリア
4
A
答えて
0
トップの結果のためには、あなたが探しているもののようなものを取得する必要があります
<div style="width:'textbox-width';">
<img style="float: right" />
<span>text goes here</span>
</div>
画像が必要な大きさの空白スペーサーであり、その後、スパン内のテキストは、画像の周りにラップし、上記のように表示されます。
六角形が、それは超非セマンティックなので、私は、このリンクを与える行為に身震いtriangluar画像
2
と同じ方法を使用して可能であるかもしれません。最終的には、テキストの「折り返し点」を作成することだけが目的です。
しかし、FWIWは、ここにあなたが求めていることをすることができる方法です。私は個人的には、それを楽しむために、あるいは私自身のサイトでのみ、このようなことをやっていますが、おそらく他のプロダクション公開サイトではありません。
+0
* cringe *インラインスタイル:{D – Labu
0
私はCSS3の地域や(アドビシステムズ社が提案した)ラップ形状と、将来的に可能になるかもしれない: http://www.adobe.com/devnet/html5/articles/css3-regions.html
は本当に「三角形の画像」のようなものはありますか?画像がどのようなものであっても、私は思う。それは三角形のイメージかもしれませんが、イメージ自体は長方形です。 gif画像とpng画像は透過性を持つことができますが、実際には異なるエッジはありません。おそらくcss3変換によって画像がアングルでレンダリングされる可能性がありますか? – keithwyland
確かに、私はずっとそれをずっと考えていませんでした。異なる幅の画像を重ねて使用すると、三角形の画像が表示される可能性があります。それはthooの価値があるよりももっと面倒かもしれない –