投稿
  1. 125jz首页
  2. 教程
  3. 网页制作

怎么让一长串英文字符自动换行？

江山如画 • • 网页制作 • 阅读 7799

长串英文字符之间没有空格，整串都显示在一行，撑破了div，甚至跑到屏幕外了，如何解决？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>怎么让一长串英文字符自动换行？|www.125jz.com</title>
<style type="text/css">
div{ width:300px; border:1px solid #999;}
</style>
</head>

<body>
<div>artificialintelligenceartificialintelligenceartificialintelligenceartificialintelligence</div>
</body>
</html>

运行如下图所示：
怎么让一长串英文字符自动换行？

解决办法： 设置一个css属性：word-break: break-all; 即可。

div{ width:300px; border:1px solid #999;word-break: break-all; }

怎么让一长串英文字符自动换行？

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/4297.html

赞 (0)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何为需要打印的网页设置单独的css样式
上一篇 2019年11月20日 下午7:37
人工智能领域的典型的应用和研究方向有哪些？
下一篇 2019年11月21日 上午9:22

99%的人还看了以下文章

  • 跟永哥学HTML5（6）：H5表单及表单验证 网页制作

    跟永哥学HTML5（6）：H5表单及表单验证

    表单在网页中主要负责数据采集功能。HTML 5一个令人兴奋的发展领域是新的Web表单。
    在今天的课程中你会看到浏览器会验证所需的字段,数据类型,如电子邮件、网址和任何模式，而不使用任何JavaScript。

    江山如画的头像 江山如画
    2018年2月27日
    12.8K0
  • js 网页制作

    给网页中的按钮和图片添加声音

    Loud links-是一款大小只有1.5KB的WEB音效插件，可以实现网页中按钮与图片等元素的触发交互，比如鼠标放上去后出现响声，或者鼠标点击后出现响声。Loud links使用相当简单。 使用方法 1. 在网页中引入JS 文件 <script src=”js/loudlinks.min.js”></script> 2. 在需要触发…

    江山如画的头像 江山如画
    2018年2月6日
    17.8K0
  • FLV视频播放代码及Flvplayer.swf播放器下载 网页制作

    FLV视频播放代码及Flvplayer.swf播放器下载

    FLV是被众多新一代视频分享网站所采用，是目前增长最快、最为广泛的视频传播格式。 FLV 是FLASH VIDEO的简称，它形成的文件极小、加载速度极快，有效地解决了视频文件在网络上很好的使用等问题。 下面分享在网页制作时，插入FLV格式视频的代码（兼容主流浏览器）： <object class id=”clsid:D27CDB6E-AE6D-11cf…

    江山如画的头像 江山如画
    2018年5月14日
    13.7K0
  • css3 网页制作

    CSS3 transition transform属性及实例详解-鼠标放到图片上图片等比例放大

    CSS3的transform:scale()可以实现按比例放大或者缩小功能，transform呈现的是一种变形结果。 CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡，transition呈现的是一种过渡，是一种动画转换过程，如渐显、渐弱、动画快慢等。 transiton:过渡属性 过渡所需要时间 过渡动画函数 过渡延迟时间； t…

    江山如画的头像 江山如画
    2018年8月1日
    16.5K0
  • web前端开发 网页制作

    最简单的wmv视频网页播放代码

    如何在网页上播放wmv格式视频？ 1、将以下代码复制到html网页的<body>中：如 <embed src=”wangyesheji1.wmv” width=”460″ height=”414″ autostart=”1″ filename=”mms:/wangyesheji1.wmv” showcontrols=”1″ showstat…

    江山如画的头像 江山如画
    2021年4月5日
    20.2K0
  • 第14课：元素的定位 网页制作

    第14课：元素的定位

    CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。本课我们将讨论以下内容： CSS定位的原理 绝对定位 相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统： CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模…

    江山如画的头像 江山如画
    2020年2月25日
    8.3K0

发表回复

登录后才能评论