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

图片环绕文字，为何仅限中文？

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

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

答案：只需添加一个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)

以上就是如何让英文文字也实现环绕图片显示？的详细内容，更多请关注其它相关文章！