<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TEST</title>
<style type="text/css">
div {
width: 100px;
white-space: normal;
}
pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
}
</style>
<body>
<div>
<pre>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=monline_3_dg&wd=white-space&oq=div%25E6%2598%25BE%25E7%25A4%25BA%25E5%25B8%25A6%25E6%259C%2589http%25E6%25A0%2587%25E7%25AD%25BE%25E7%259A%2584%25E6%2596%2587%25E6%259C%25AC%25E5%25AF%25B9%25E8%25B6%2585%25E5%2587%25BA%25E6%2596%2587%25E6%259C%25AC%25E6%25A1%2586&rsv_pq=8423707e002fe15c&rsv_t=67ebIIzQAqH%2BIwR6xu4T8dvjuOEFBwxgONauSEhb48J4QcVpIaPUMxao05kT0F0PkBlg&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_btype=t&inputT=727&rsv_sug3=34&rsv_sug1=3&rsv_sug7=100&rsv_n=2&rsv_sug2=0&rsv_sug4=808
</pre>
</div>
</body>
</html>
div显示带有http链接的文本,会操出溢出的解决方案,使用div+pre标签的组合实现文本原格式显示与自动换行
最新推荐文章于 2022-03-22 14:52:56 发布