php中文网

如何让英文文字也实现环绕图片显示?

php中文网

图片环绕文字,为何仅限中文?

使用htmlcss,可以轻松实现文字环绕图片的效果。但当涉及到英语时,情况却有所不同。

问题:如何让英语文字也环绕图片显示?

答案:只需添加一个css属性:word-break:break-all;

此属性强制英文单词断行,从而使其也能环绕图片显示。

style="word-break:break-all;"

浏览器会在单词间自动断行,实现环绕效果。

效果对比:

原效果:
如何让英文文字也实现环绕图片显示?

添加word-break:break-all;后:
如何让英文文字也实现环绕图片显示?

参考文档:

[css word-break 属性](https://developer.mozilla.org/zh-cn/docs/web/css/word-break)

以上就是如何让英文文字也实现环绕图片显示?的详细内容,更多请关注php中文网其它相关文章!