非長方形の画像の周囲にテキストを折り返すにはどうすればよいですか？

非長方形の画像の周囲にテキストを折り返すことはできますか？非長方形の画像の周囲にテキストを折り返すにはどうすればよいですか？

境界線自体がまっすぐでなくても、テキストが国境から常に同じ距離を保つように、国の図形を囲むように、異なる国の地図の周囲にテキストを配置します。

これは可能ですか？

2012-02-03 Che Kofif

私はそれを非常に疑っています。ビットマップ画像（画像の大部分です）は長方形です（透明部分を持っているかどうかに関係なく）。 CSSとHTMLは、かなり重視されています。 – cHao

今後、実際の可能性が出るかもしれません。 http://coding.smashingmagazine.com/2011/12/15/six-css-layout-features-to-look-forward-to/#exclusions（少しスクロールダウン） –

CSSTextWrapperのようなものがあります。点をドラッグして領域を定義し、実装するコードを与えます。

その他の方法like this methodでは、divsをフローティングしてシェイプの領域をブロックします。

だから答えは "はい - できます"です。しかし、私が知る限り、CSSの "text-wrap"オプションのような "簡単な"方法はありません。

出典

2012-02-03 14:13:14 Dave

そのようなサポートは、地平線にあるようです。

デイブが言ったように、そこにCSSTextWrapperはおそらく、現時点でそれを行うための最善の方法である、ですが、relatively recent W3C working draftは、輪郭検出とSVGsを使用して、より複雑な形状、そしておそらくラスターイメージを使用する方法の概要を示します。

大手のブラウザで実装するにはどのくらいの時間がかかりますが、誰もが推測しています。

現時点では、難しいことがあります。運があれば、将来はもっと簡単になるでしょう。

出典

2012-08-21 16:13:47 cpmsmith

2016年3月現在、CSS3除外はまだありません使用可能：http://caniuse.com/#search=css%20shapes%7Cexclusion – Pit

正確にこれを行うように設計されたBagonというjQueryプラグインがあります。

出典

2014-03-24 18:15:07

他人が既に言ったように：はい、可能ですが、それほど難しくありません。

お客様が終わり、私はそれのためのスクリプトを作った、この種やラッピングを好む傾向にある：http://www.miguel-svq.com/textwrap.html

あなたが好むように、これは、浮動divを使用するか、画像をスライスすることができます。

出典

2014-05-28 12:31:02

非長方形の画像の周囲にテキストを折り返すにはどうすればよいですか？

答えて

関連する問題