网页的开始 於布局排版
现在的年代 也需要RWD适合部分版型
所以我们就由布局开始吧
常常会看到一种网页布局 左右留白,使得视觉可以集中在中间的重点区块
![
如此图两条红色线区块
很多的框架会用Container处理 material-ui 当然有这种写法
首先取用昨天的范例
Day two end
首先引入
import Container from '@material-ui/core/Container';
其次将 昨天的Button 用Container 包起来
<Container >
<Button variant="contained" color="primary">
你好,世界
</Button>
</Container>
当前架构
import React from "react";
import Button from "@material-ui/core/Button";
import Container from '@material-ui/core/Container';
const indexApp = () => {
return (
<Container maxWidth='xs'>
<Button variant="contained" color="primary">
你好,世界
</Button>
</Container>
);
};
export default indexApp;
其中 喂入的参数maxWidth='xs'为最小,也就是留白流到最大
也可以依照所需给予最大到最小参数排列
'lg'
'md'
'sm'
'xl'
'xs'
这样就可以达到示意的网站左右留白效果了
Day3
>>: D03 / 怎麽摆放我的画面 - Layout & Alignment
(其实现在应该很少使用JSONP了,只是跟上一篇比较有关所以顺便整理,简单了解一下就好。) JSON...
MiniMap制作Part2 找到了tile生成时位置错乱的原因,还是因为进位造成的问题。A★内部是...
新增一个C# Sprite并命名为PlayerController後开始撰写程序码 using Un...
呈上篇,利用可以汇出的BOM表,调整之後再重新汇入 首先需要定义一个汇入范本 如果在Alternat...
变数作用域 某变数的作用域代表某变数能够被使用的地方 以 Python 来说就是同个函式内,变数被建...