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

html-css011

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之类。

、在div中,使用p标签创建一行文字,使用img创建一张图片。

2、设置div标签的class属性为mydiv。

3、在css标签内,通过class设置div的样式,设置它的宽度为400px,边框为1px,并将display属性设置为flex,实现flex布局。

4、在css标签内,将align-items属性设置为center(水平居中),将justify-content属性设置为space-between(两端对齐)。

5、在浏览器打开test.html文件,查看实现的效果。