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

html-css049

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的Chroma滤镜可以把字体颜色设置为透明样式。

<style type="text/css">

<!--

body{background-color:#999999}

/*滤镜中设置的颜色要和字体的颜色相同*/

#tm{color:#FF0000filter:chroma(color=#FF0000)

}

-->

</style>

将Chroma滤镜的颜色和字体的颜色设置为相同时,不论网页的背景颜色如何设置,字体的颜色都会显示为透明。

在浏览器中查看使用CSS滤镜把字体的颜色设置为透明的显示效果。如下图所示: