可以通过更改菜单项的li和ul标签的width 属性来更改菜单项尺寸。
1. 找到ul.MenuBarVertical li或ul.MenuBarHorizontal li规则。
2. 将width 属性更改为所需的宽度(或者将该属性更改为auto以删除固定宽度,然后向该规则中
添加white-space: nowrap;属性和值)。
3. 找到ul.MenuBarVertical ul或ul.MenuBarHorizontal ul规则。
4. 将width 属性更改为所需的宽度(或者将该属性更改为auto以删除固定宽度)。
5. 找到ul.MenuBarVertical ul li或ul.MenuBarHorizontal ul li规则:
6. 向该规则中添加下列属性:float: none;和background-color: transparent;。
7. 删除width: 8.2em;属性和值。
Spry 菜单栏子菜单的位置由子菜单ul标签的margin 属性控制。
1. 找到ul.MenuBarVertical ul或ul.MenuBarHorizontal ul规则。
2. 将默认值margin: -5% 0 0 95%;更改为所需的值
关于可折叠面板构件
可折叠面板构件是一个面板,可将内容存储到紧凑的空间中。用户单击构件的选项卡即可隐藏或显示存储在可折叠面板中的内容。下例显示一个处于展开和折叠状态的可折叠面板构件:
A. 已展开
B.已折叠
可折叠面板构件的HTML 中包含一个外部div标签,其中包含内容div标签和选项卡容器div标签。在可折叠面板构件的HTML 中,在文档头中和可折叠面板的HTML 标记之后还包括脚本标签。
自定义可折叠面板构件
尽管使用属性检查器可以简化对可折叠面板构件的编辑,但是属性检查器并不支持自定义的样式设置任务。您可以修改可折叠面板构件的CSS,并创建根据自己的喜好设置样式的可折叠面板。有关样式任务的更高级列表,请访问http://www.doczj.com/doc/deb690b3fd0a79563c1e7278.html/go/learn_dw_sprycollapsiblepanel_custom_cn。