wide内容定位的实现及应用

居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     居中部分     

实现原理

通过设置样式实现效果

涉及知识点: 盒模型 布局

Step by Step

1、在WIDE中,定位的实现通过:

样式:设置元素的盒模型布局实现效果。

例如实现导航的置顶:

选中要置顶的标签,右键选择样式,找到 布局 标签,将 布局方式 设置为 全屏定位 ,上边距 设置为 0px

即可实现效果。

 

2、在WIDE中,居中显示的实现通过:

样式:设置元素的盒模型实现效果

例如:

找到要居中的标签,右键单击,样式,在盒模型中将margin的左右设置为相同的百分比即可。

 

 

注意事项

暂无注意事项