css如何实现特定文字间的空格

html-css06

css如何实现特定文字间的空格,第1张

一:特定文字间的空格,这是CSS不可能做到的事情

关键在于,你所描述的特定文字,那些是特定文字??css不懂你的规则。

二:如你例子所示,abc def 这中间需要一个空格,问题是,css怎么知道abcdef刚好在c后面需要加空格?而不是在ab之后加空格?

三:如果只是在英文字母之间要加空格 ,方法有

1.手工在中间录入英文状态下的半角空格,人工进行分隔。

2.每一个需要分隔的字符串都安放在一个元素里面如<span class="space">abc</span><span class="space">def</span>

对class space

.space{margin-right:1em}

这样就刚好隔开一个字的大小,1em也可以使用指定的大小 10px之类。

用CSS往图片上嵌入文字有二种方法,分别如下:

第一种方法、添加一个DIV,采用绝对定位,图片所属DIV为基准。

参考代码如下:

1

2

3

4

5

6

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法、图片作为背景图片。

参考代码如下:

1

2

3

<div style="background:url(abc.jpg) no-repeat left top">

文字

</div>