eclipse 中怎么提示css代码

html-css014

eclipse 中怎么提示css代码,第1张

eclipse 中提示css代码:

打开eclipse→Windows→Preferences→Java→Editor→Content Assist;修改Auto Activation triggers for java的值为:.abc   点击apply按钮; 

.继续打开JavaScript→Editor→Content Assist

修改Auto Activation triggers for javaScript的值为:.abc   点击apply按钮;

继续打开web→html Files→Editor→Content Assist

修改Prompt when these characters are inserted:的值为:.html  点击apply按钮;

设置完以上三步,点击"OK",按钮;然后打开File→Export→Genral→Preferences→Next→Browse文件到任意位置→文件保存类型epf→Finish;

然后用记事本或其它文本工具打开此文件 ,Ctrl+F查找 .abc 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW;

再查找 .abc  然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 .html  然后将其值改为  <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW。

修改完之后保存文件;

打开eclipse→File→Import→Genral→Preferences,导入刚刚编辑的文件后,所有设置完毕,现在去测试一下吧,以下是调试成功后的图片:

以下都是配置属性,以3.4版本为标准

css部分:

clearCls //清除自带样式

cls //一个可选添加的CSS样式类,加入到组件的元素上

ctCls //一个可选添加的CSS样式类,加入到组件的容器上

disabledClass //当组件被禁用时作用的CSS样式类

itemCls //关于容器的表单项元素的额外的CSS样式

overCls //关于鼠标上移至该组件元素的CSS样式类,移出时撤销该样式的效果

style部分:

style //作用在组件元素上特定的样式

labelStyle //关于表单字段的label提示文本的CSS样式的“完全表达式

在做form表单校验时,经常会出现但是校验失败的提示文本超出校验项宽度的现象:

当超出校验项宽度时,文本换行展示了,希望不换行展示,可以使用

不换行后发现文本直接向右溢出展示,但是因为校验项已经距离右边界很近了,超出右侧直接隐藏了,所以我们需要文本从右向左展示: