CSS 文字如何实现自动调整字间距(自动添加空格),让菜单里多行文字距始终保持相同宽度(适应DIV的宽度)?

针对中文,text-align:justify;已经试过无效。

行间距 设置多少要看你字体多大一般来说浏览器默认的是12号字体,也就是16px,因此默认不能小于16px 如果是15号字体不能小于13乘以4/3=20px; 但是这样的话行跟行之间就会贴在一起,因此一般会流出2px的间隔因此12号字体会给20px行高(上下各2px) 15号字体就是24px 字间距默认是没有的,也就是0,就是我们正常看到的间距,如果有特殊要求可以相应的进行设置~
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-03-28
text-align:justify;
可以使每行文字两端对齐,兼容所有浏览器,对双字节的文字不支持,比如说汉语,韩语等,只支持单字节的文字,比如说英语
第2个回答  2012-04-01
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文件中,运行

New Document

AB

AB

TISE IS HE

TISE IS HE

中国

追问

你的CSS文件和js文件都是链接,能直接写在html里吗

追答

我写的链接,但是样式都是写在标签里的,孩子,要是能上传文件我就直接给你文件了,要不把你QQ给我,直接给你文件?

第3个回答  2012-03-28
只能调整上下间距
左右只能靠右 靠左 居中设置
第4个回答  2018-06-20
.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;
}
}

CSS如何设置文字间距?
一、css word-spacing属性设置字间距(单词的间距)word-spacing 属性增加或减少单词间的空白(即字间隔);在这个属性中,“字” 定义为由空白符包围的一个字符串。也就是说该属性是以空格为基准进行调节间距的,如果多个字母被连在一起,则会被word-spacing视为一个单词;如果汉字被空格分隔,则分隔...

如何调整文字行距和间距?
1.字体的行间距属于css样式,他是由一段代码来控制的,代码如下: <STYLE type=text\/css><!--body,td,th {letter-spacing: 2px;第一步:先确定您要修改的页面字间距,然后进入后台找到这篇文字,点击编辑器上的“源代码” 第二步:将以上代码复制,然后粘贴在代码编辑模式下的首行 第三步:行距...

css字与字之间的间距怎么调
1.在文件夹中创建一个“test”的html文件。如图所示 2.在里面添加html标签框架。如图所示 3.在里面添加一个“div”并放入文字。如图所示 4.然后我们发现默认文字之间比较紧凑。如图所示 5.现在我们给div设置一个id为“wd”。如图所示 6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。

dreamweaver 如何用CSS文字样式来控制文字的间距行距
检索或设置对象中的文字之间的间隔。 该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。 字符间距会受对齐调整影响。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 letterSpacing 。line-height 初始值: normal 适用于: 所有元素...

css 文字图片同排,实现如下效果,行间距保持一致。
1.斯柯达奔 2.嘲苛工工式工工 3.工要在地一一一

CSS line-height 属性用于设置一个元素的行高(行间距)。通俗来说就是...
设置元素行高通常使用line-height属性,它控制相邻两行文字间的垂直距离。当line-height值大于字体大小时,行高与字体大小间的差值会被均分为两半,形成上下“半行间距”,使内联元素居中显示。可通过vertical-align调整文本对齐。若line-height小于字体大小,文本内容可能溢出元素,导致相邻行文本重叠。line-...

ai中如何使每排文字间距相等ai中如何使每排文字间距相等一点
4. 使用样式表:使用CSS样式表可以方便地调整每排文字间距。可以使用line-height属性来设置行高,使用letter-spacing属性来调整字符间距。可以通过调整行间距或者设置段落样式来实现每排文字间距相等的效果。因为行间距和段落样式是控制文字排版的两种方式,可以通过它们来改变文字的行高和段落之间的距离,从而...

如何用css实现一段文字的两端对齐和分散对齐
1.首先输入代码让这段文字的最后一行右对齐,代码如下:text-align-last:justify;2.然后输入代码让整段文字两端对齐,代码如下:text-align:justify;3.然后输入如下代码:text-justify:distribute-all-lines; ,这行加了的话可以兼容ie浏览器;4.设置文字的边框属性,宽度和颜色,根据需要设置即可,代码...

...两个DIV中左右间距和上下间距,文字自动生成间距)
用margin-bottom(下) left right top来实现div之间的间隔至于文字 Css字间距、div css字符间距样式实例 1、text-indent设置抬头距离css缩进 即对,对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter...

字体行距怎么调
1、调整行间距:强行换行法,即双击这个单元格,在第一行文字的结尾按住“ALT键”,再按回车键,即可增加空行,重复一次,便增加一个空行。调整字间距:只有用敲空格键的办法实现。2、垂直分散对齐及调整行高,水平分散对齐及调整列宽来达到类似的效果。3、这种方法只能设置行间距:在Excel 2003中选中需要...

相似回答