![](http://gmxl.kiszon.com/sites/default/files/styles/uncropped_image_720/public/asides/main-aside-400x300-march20170.jpg)
选项2
这是一个带有图像的水平边的例子.
选择“可选样式”来创建一个水平的边.
可以把aside当作标注:它们可以是垂直的,也可以是水平的, 它们应该包含你想要脱颖而出的内容.
使用旁白to:
- 驱动内容内管家.edu但在页面集导航之外(如365比分网电竞文章).
- 将注意力吸引到用户不应该错过的特定内容上.
不要用旁边的if 内容在逻辑上与页面上的其他内容相匹配.
小贴士:
- 保持简短. 旁白的内容(尤其是垂直的)不应该超过一到两句话.
- 使用照片. 一个形象的帮助除了脱颖而出!
- 检查移动视图(特别是垂直侧边). aside在移动设备中堆叠,所以要确保内容以逻辑顺序出现.
![](http://gmxl.kiszon.com/sites/default/files/styles/uncropped_image_720/public/institutional-review-board-1506709289.jpg)
选项1
这是一个带有图像的垂直边的例子.
这个aside样式将自动对齐到页面的右侧.
选项3
这是一个没有图像的垂直侧边的例子.
如果您没有添加图像到您的边,边将自动显示为水平边.