为什么用HTML做的网页在手机上显示文字重叠了

为什么用HTML做的网页在手机上显示文字重叠了,第1张

造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。但无论是哪种情况造成乱码在网页开始时候都需要设置网页编码。

例如:<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

由于你给他设定了宽度值,然后应该也给了高度值height和行高line-height,这个是由于宽度限定导致内容自动换行,然后又给了高度和行高,只需要将高度样式height或者行高line-height删掉就行了还有一个方法就是直接加大宽度让内容在一行显示,亲测,望采纳 谢谢

用CSS样式控制文本显示,具体方法如下:

1、允许自动换行

2、控制字体大小

3、设置行高

代码如下:

<html>

<head>

<style>

body {

background:#ddd

}

.txt {

width: 220px

height: 220px

margin: 0 auto

word-break:break-all

word-wrap:break-word

line-height:150%

font-size:12px

</style>

</head>

<body>

<div class="txt">上递的人口报告至少分别来自2~3家单位,可能包括中国社会科学院人口与劳动经济研究所、中国人民大学人口与发展研究中心以及国家卫计委下属的中国人口与发展研究中心。这些报告基于历年的人口统计数据对当前总和生育率水平、人口总量未来变化、人口峰值大小和出现时间等作出预测。提出立即放开全面二孩政策的是其中一份报告</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5896478.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-07
下一篇 2023-03-07

发表评论

登录后才能评论

评论列表(0条)

保存