本文目录一览:

CSS中文字怎么对齐?

直接写样式,都是以空格为代价的,可能一些字的间距就变得很大。

text-align:Justify(火狐);

text-justify:inter-ideograph(IE)

还是自己好好排版,研究下。

字间距的英文是什么啊?

tracking为字间距,其中包括kerning和letterspacing,kerning表示缩减的字母的间距,lettersapcing表示扩大的字母间距。

我在国外平面设计的,有必要纠正下正确术语。。。具体的设计专业术语可以参考

A

type

primer

/

John

Kane

HTML中控制文字间的距离的属性是什么

CSS 中控制横向文字间距的属性有两个,一个是字符与字符之间的间距 letter-spacing. 另一个是词与词之间的间距 word-spacing。二者可接受的属性值均为以下四种:

normal: 默认间距(letter-spacing 默认值为 0,word-spacing 默认值为 0.25em);

initial: 设置为默认间距;

inherit: 继承当前元素父元素的属性值;

或自定义值(以 px, pt, cm, em 等为单位的值,可为负值).

例子如下:

!DOCTYPE html

html

head

    titleExample/title

    meta charset="utf-8"/

    style

        #word_space_normal {

            word-spacing: normal;

        }

        #word_space_inherit {

            word-spacing: inherit;

        }

        #word_space_initial {

            word-spacing: initial;

        }

        #word_space_custom {

            word-spacing: 20px;

        }

        #word_space_negative {

            word-spacing: -10px;

        }

        #word_space_chinese {

            word-spacing: -10px;

        }

        #letter_space_normal {

            letter-spacing: normal;

        }

        #letter_space_inherit {

            letter-spacing: inherit;

        }

        #letter_space_initial {

            letter-spacing: initial;

        }

        #letter_space_custom {

            letter-spacing: 5px;

        }

        #letter_space_negative {

            letter-spacing: -3px;

        }

        #letter_space_chinese {

            letter-spacing: -3px;

        }

    /style

/head

body

    div id="word_space_normal"

        A sentence with normal word spacing.

    /div

    div id="word_space_initial"

        A sentence with initial word spacing.

    /div

    div id="word_space_custom"

        A sentence with custom defined word spacing.

        div id="word_space_inherit"

            A sentence with inherited word spacing.

        /div

    /div

    div id="word_space_negative"

        A sentence with negative word spacing.

    /div

    div id="word_space_chinese"

        使用 word-spacing 属性的中文。

    /div

    hr/

    div id="letter_space_normal"

        A sentence with normal letter spacing.

    /div

    div id="letter_space_initial"

        A sentence with initial letter spacing.

    /div

    div id="letter_space_custom"

        A sentence with custom defined letter spacing.

        div id="letter_space_inherit"

            A sentence with inherited letter spacing.

        /div

    /div

    div id="letter_space_negative"

        A sentence with negative letter spacing.

    /div

    div id="letter_space_chinese"

        使用 letter-space 属性的中文。

    /div

/body

/html

输出为:

可以观察到,word-spacing 属性的设置不影响字母与字母的间距,也不影响中文等词汇之间无须空格的语言的字间距,而 letter-spacing 属性的设置则会同时影响字符间距以及单词间距,且同时作用于所有语言。

word-wrap,white-space和word break的区别

1、word-wrap:break-word;

内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。

2.word-break:break-all;

用于处理单词折断。(注意与第一个属性的对比)

3.white-space:nowrap;

用于处理元素内的空白,只在一行内显示。

4.overflow:hidden;

超出边界的部分隐藏。

5.text-overflow:ellipsis;

超出部分显示省略号。