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

html-css07

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

行间距 设置多少要看你字体多大一般来说浏览器默认的是12号字体,也就是16px,因此默认不能小于16px 如果是15号字体不能小于13乘以4/3=20px但是这样的话行跟行之间就会贴在一起,因此一般会流出2px的间隔因此12号字体会给20px行高(上下各2px) 15号字体就是24px 字间距默认是没有的,也就是0,就是我们正常看到的间距,如果有特殊要求可以相应的进行设置~

把图片的宽度设为100%即可:

<div style="width:480px">

文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容

<img src="图片" style="width:100%"/>

</div>

px是像素,em则是大写字母M的宽度。英文字体是有等宽字体和比例字体之分的,等宽字体的每个字符的宽度是相同的,而比例字体则不同,M的宽度要比i宽很多,因此在不同字体下,1em的实际宽度是不尽相同的。