图片环绕文字,为何仅限中文?
使用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)
以上就是如何让英文文字也实现环绕图片显示?的详细内容,更多请关注php中文网其它相关文章!
版权声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系 yyfuon@163.com