固定宽度并居中的容器 - Container

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

你想让一块内容有一定固定的宽度并且可以居中的页面上显示,我们可以用一个 container 去包装一下它 .. 这个 container 容器的宽度会在不同尺寸的设备上有不同的变化 ..

先用一个 div .. 上面加上 ui .. 还有 container 这两个类 .. 在它里面添加点内容 ..

保存 .. 你会发现,在这个包装里的内容就会有一个固定的宽度 .. 并且居中在页面上显示 ... 调整一下页面的宽度 .. 这个容器的宽度会有几次变化 .. 在小尺寸的设备上 .. 它的宽度会变成流动的 ..

还有一种 Text 类型的 Container .. 我们可以再试一下 .. 在这个包装上再添加一个 text .. 保存 .. 这个容器的宽度会缩小 .. 里面的文字会变大 .. 并且它的宽度大部分情况下都是一致的 .. 在小尺寸的设备上,它也会变成流动的宽度 ..

这种类型的 Container 比较适合包装一些介绍的文字 .. 使用表示方向的词可以控制容器里的文字的对齐方式 .. 比如右对齐,可以在这个容器上添加一个 right aligned .. 现在它里面的文字会右对齐 ..

居中对齐,可以用一个 center aligned .. 现在容器里的文字会居中对齐 ..

固定宽度并居中的容器 - Container《 Semantic UI 网格 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点