地址：北 京：松江区泖港镇中南路32号 上 海：松江区泖港镇中南路32号 海 口：松江区泖港镇中南路32号 天 津：松江区泖港镇中南路32号 石家庄：松江区泖港镇中南路32号
地址：中国 · 上海市松江区泖港镇中南路32号(地铁4号线西红门站)
我们在web网页中经常能看到某个元素有超出它本身的宽度的单词，结果会有一个很长的url，会对我们造成页面的不美观和困扰，那么我们应该如何解决这个问题呢？接下来告诉您应该怎样处理这个问题。
1.可以使用强制换行符号<br />换行。在文章需要换行的地方加入<br />即可实现自动换行。如图：
2.可以使用<p.>标签来实现换行。如果在一个文章里需要分段换行形式，可以使用<p>标签来实现换行，但是需要注意的是p标签的用法。如图：
3.可以使用CSS设置宽度自动换行。我们可以在一个div里，添加一个div并加入css样式，对加入的div设置对应的css宽度即可实现自行换行。
4.连续英文字母及数字换行使用CSS换行。用到的css属性word-wrap中word-wrap: break-word属性及值。大家可能会遇到这种问题，但我们按照第三种方法设置宽度来使内容换行，对于连续的数字和英文则无效，这时候就需要div css中对对应的div的css样式设置强制换行断行元素，word-wrap : break-word ;或者word-wrap: break-all;实现强制断行
5.最暴力的做法即使在容器上添加 overf：hidden; 可以阻止文字或任何东西溢出容器。虽然可以解决视觉上的效果，但它使得文本变得不可访问。
以上就是css中几个处理超长文本溢出容器的处理方式，希望对大家有所帮助。
本文章来源上海市欧博官网督畔信息技术有限公司中国：网站建设
电子商务与网站制作概述 自20 世纪90 年代以来信息技术至今已经近 ...
2012-09-10随着互联网时代的到来，越来越多的人重视互联网带来的流量。大量的企业主、...
2020-06-18发达国家企业上网是一股潮流。企业都有自己网站设计，企业通过上网，取得了...
2014-09-23网站建设完成之后并不是一劳永逸的，建好网站后还需要企业精心的运营才会越...
2013-11-29排版文字/直排文字/横排文字蒙版/直排文字蒙版功能：用于横向或纵向输入...
2015-12-03但很多时候做网站，当然这里讨论的以SEO角度动身。SEO只是很小的一部...
2012-06-24非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：021-71886699
电子邮件：394588593@qq.com
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：021-71886699
电子邮件：394588593@qq.com
