CSS 文字如何实现自动调整字间距（自动添加空格），让菜单里多行文字距始终保持相同宽度（适应DIV的宽度)?
展开全部
行间距 设置多少要看你字体多大一般来说浏览器默认的是12号字体，也就是16px，因此默认不能小于16px 如果是15号字体不能小于13乘以4/3=20px; 但是这样的话行跟行之间就会贴在一起，因此一般会流出2px的间隔因此12号字体会给20px行高（上下各2px） 15号字体就是24px 字间距默认是没有的，也就是0，就是我们正常看到的间距，如果有特殊要求可以相应的进行设置
~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
text-align:justify;
可以使每行文字两端对齐，兼容所有浏览器，对双字节的文字不支持，比如说汉语，韩语等，只支持单字节的文字，比如说英语
可以使每行文字两端对齐，兼容所有浏览器，对双字节的文字不支持，比如说汉语，韩语等，只支持单字节的文字，比如说英语
已赞过
已踩过<
你对这个回答的评价是？
展开全部
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>
代码复制可直接看到效果
<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>
更多追问追答
追问
经试验无效
追答
复制代码保存到html文件中，运行
New Document
AB
AB
TISE IS HE
TISE IS HE
中国
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只能调整上下间距
左右只能靠右 靠左 居中设置
左右只能靠右 靠左 居中设置
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.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;
}
}
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;
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
