Blazor StackLayout概述
的Blazor的StackLayout是一个可以轻松地按垂直或水平顺序对齐多个元素的组件。
的堆栈布局组件Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。
创建Blazor StackLayout
使用
< TelerikStackLayout >标记，将组件添加到razor页面。在
< TelerikStackLayout >标签，添加所需的HTML容器(例如:< div >)或组件。每个直接子元素将表示一个堆栈布局项。集
宽度而且高度．(可选)设置
取向参数来确定布局方向。
StackLayout基本配置。
这个例子展示了StackLayout如何填充整个父容器和它的一些核心功能。*@ 水色堆叠项目 玉米花蓝彩色堆叠项目 蓝色堆叠项 .布局
该布局是StackLayout组件的构建块。通过不同的参数控制其外观。阅读更多关于Blazor StackLayout布局．
StackLayout参数
Blazor StackLayout提供了各种参数，允许您配置组件:
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
在StackLayout组件的主包装元素上呈现的CSS类< div class = " k-stack-layout”>．使用样式的定制． |
高度 |
字符串 |
StackLayout高度作为一个CSS单元。看到维文章，了解可以使用什么单位以及百分比维度如何工作的详细信息。 |
宽度 |
字符串 |
将StackLayout宽度作为一个CSS单元。看到维文章，了解可以使用什么单位以及百分比维度如何工作的详细信息。 |
取向 |
StackLayoutOrientation枚举（ StackLayoutOrientation。水平） |
内容是水平对齐还是垂直对齐。看到布局方向文章获取更多信息。 |
间距 |
字符串 |
StackLayout中元素之间的空格。看到布置间距文章获取更多信息。 |
HorizontalAlign |
StackLayoutHorizontalAlign枚举（ StackLayoutHorizontalAlign。拉伸） |
StackLayout项基于X轴对齐。看到布局HorizontalAlign文章获取更多信息。 |
VerticalAlign |
StackLayoutVerticalAlign枚举（ StackLayoutVerticalAlign。拉伸） |
StackLayout项基于Y轴对齐。看到布局VerticalAlign文章获取更多信息。 |
嵌套StackLayouts
有时你可能需要创建一个更复杂的布局，包括水平和垂直的项目。要做到这一点，筑巢TelerikStackLayout组件内部的另一个。
使用嵌套的StackLayout创建页面布局。
< TelerikStackLayout取向= " StackLayoutOrientation。垂直"高度="100%"> Header Navigation Content Right side content Footer