Css+Div布局时如何在文字中插入空格？

html-css04

Css+Div布局时如何在文字中插入空格？,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<div>hello&nbsp&nbsp&nbspspace</div>

3、浏览器运行index.html页面，此时成功通过&nbsp在文字间插入了空格。

下面是css样式：

ul{width:200pxlist-style:none}

ul li{float:lefttext-align:leftmargin:0pxwidth:10px}

ul li.aa{margin-left:10px}/*控制第二个字与第一个字之间的距离*/

下面的在<body></body>中写

<ul>

<li>间</li><li class="aa">距</li>

</ul>

当然了，你也可以用<p style="letter-spacing: 2em">间距</p>，利用letter-spacing直接设置字母间距同样适用汉字，2em是以你定好的字号为单位空2格。

那种形式的字叫做：空心字。有专门的空心字，当然，也可以自己用作图软件将普通字体转换成空心字。

专门的空心字比较有代表性的应该是：彩云体。因笔画圆润，像云朵一样而得名。

自己做空心字也很方便，以下我就简单说一下用ps制作空心字的方法：

1.输入文字

2.将文字颜色设为与底色相同（或是将填充调整为0%文字就变透明的了）

3,双击文字图层，打开样式编辑器，选择描边。设置描边颜色和大小，点确认即可。