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

大家好，我们又见面了啊~本文《如何让英文文字也实现环绕图片显示？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

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

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

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

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

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

  style="max-width:100%"

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

效果对比：

原效果：
<img src="image.png">

添加word-break:break-all;后：
<img src="image.png">

参考文档：

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。