在css样式里面这些单词是什么意思?

html-css010

在css样式里面这些单词是什么意思?,第1张

建议你去下载CSS参考手册看一看。(另单词好像你打错了,CSS里只有ultra ltr )

font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded

设置或检索用于对象中文本的文字是否横向的拉伸变形。

改变是相对于浏览器显示的字体的正常宽度的。

normal: 默认值。不应用拉伸变形

narrower : 使用比当前设置的值导致字体宽度更小的值

wider : 使用比当前设置的值导致字体宽度更大的值

extra :特

ultra : 极

condensed : 收缩的 窄的

expanded: 扩展的 宽的 自己组合就知道意思了 指的各种拉伸的程度

不过font-stretch理论上来讲是改变字体宽度的样式(Style)。但实际上,暂时普遍适用的浏览器及版本,并不支持这个属性,也就是说,暂时看来这个属性是无效的,也许某天某个浏览器会支持它吧。

direction : ltr | rtl | inherit

ltr : 默认值。文本从左到右流入

rtl : 文本从右到左流入

inherit : 文本流入方向由继承获得

用于设置文本流入的方向。简单地说,就是ltr(left to right) 文字从左写到右 , rtl(right to left)则是从右写到左

此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。

假如您想应用此属性于内联文本,您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。

1)

简单点的使用padding使其“看上去”对齐

比如:

这里比较适合宽度固定的场合,只要padding合适,效果还是不错的

select

{

...

padding:

0

0

0

20px

}

2)

使用一些UI库实现

比如jQueryUI

优点是可以解决select控制在各个浏览器界面不一致的问题。

3)

居右对齐:

可以使用rtl属性来来控制,

<select

dir="rtl">

<option>Foo</option>

<option>bar</option>

<option>to

the

right</option>

</select>

写成CSS的话则为:

select

{

direction:

rtl

}