CSS 文字如何实现自动调整字间距(自动添加空格),让菜单里多行文字距...
发布网友
发布时间：2022-04-24 06:12
共6个回答
热心网友
时间：2022-04-06 12:04
行间距 设置多少要看你字体多大一般来说浏览器默认的是12号字体，也就是16px，因此默认不能小于16px 如果是15号字体不能小于13乘以4/3=20px; 但是这样的话行跟行之间就会贴在一起，因此一般会流出2px的间隔因此12号字体会给20px行高（上下各2px） 15号字体就是24px 字间距默认是没有的，也就是0，就是我们正常看到的间距，如果有特殊要求可以相应的进行设置~
热心网友
时间：2022-04-06 13:22
text-align:justify;
可以使每行文字两端对齐，兼容所有浏览器，对双字节的文字不支持，比如说汉语，韩语等，只支持单字节的文字，比如说英语
热心网友
时间：2022-04-06 14:57
word-spacing设置字与字之间的间距，letter-spacing设置字母与字母之间的间距
代码复制可直接看到效果
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<title> New Document </title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/dialog.js" language="JavaScript" type="text/javascript"></script>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
</style>
</head>
<body>
<p style="letter-spacing:2em;">AB</p>
<p style="">AB</p>
<p style="word-spacing:2em;">TISE IS HE</p>
<p style="">TISE IS HE</p>
<p style="">中国</p>
</body>
</html>
热心网友
时间：2022-04-06 16:48
只能调整上下间距
左右只能靠右 靠左 居中设置
热心网友
时间：2022-04-06 18:56
.test1 { text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
.test1:after{ content:"."; display: inline-block; width:100%; overflow:hidden; height:0;
}
}
热心网友
时间：2022-04-06 21:21
不能！~
