grid设置,grid设置颜色
魔兽世界6.0怎么设置grid
看你使用的是什么插件了，
游戏自带的在游戏屏幕左上角有三角，点出来设置；
使用了grid的话，聊天框输入
/grid
config
来设置；
整合插件的话我只用过EUI，输入/ec在左侧菜单找到团队框架点启动再设置。
grid布局
grid布局，阮一峰写的非常详细。
我就不献丑了。
我就大致总结一下
缺点：相对于display：flex兼容性不好，不兼容于ie内核；这个制约了它的使用；不过它的思想非常好，如果改进了兼容性这个问题。完全可以替代flex布局
display: grid 指定一个容器采用网格布局。
grid是设置容器的每列/每行的宽度/高度，划分成网格，排列item
grid-template-columns ：设置每列宽度
grid-template-rows ：设置每行高度
单位：绝对单位，也可以使用百分比。可以自适应
grid-auto-flow ：row（默认，先行后列）column（先列后行）
justify-items属性设置单元格内容的水平位置（左中右），align-items属性设置单元格内容的垂直位置（上中下）。
justify-content属性是整个内容区域在容器里面的水平位置（左中右），align-content属性是整个内容区域的垂直位置（上中下）。
grid-column-start 属性，
grid-column-end 属性，
grid-row-start 属性，
grid-row-end 属性
.item {
justify-self: start | end | center | stretch;
align-self: start | end | center | stretch;
}
魔兽GRID怎么设置框架和布局，在哪里设置？要求详细点的
设置命令:/grid 或者在小地图的图标。
然后参考：
;page=6#pid10009073
推荐：Warbaby的整合版
整合了一些常用的附加组件，并进行单目录整合：
原创的增益减益图标模块GridBuffIcons，以传统的Raid框架形式显示BUFF/DEBUFF
原创的点击施法模块GridClickSets，强大易用的设置界面，让Grid不再依赖Clique。框架-点击施法设置可调出界面
原创的自定义布局模块GridCustomLayouts，简练的语法配置任意灵活的布局。布局-自定义布局可调出界面
原创的老式仇恨警告模块GridStatusBanzai，最迅速的BOSS目标改变提示, 与新版的仇恨警报各有所长
修改的快速血量反映模块GridQuickHealth，队员血量变化响应速度提高300毫秒!
修改的边角文字模块GridIndicatorCornerText，结合修改过的Grid光环模块，可用于显示BUFF/DEBUFF的剩余秒数、堆叠层数
边缘图标提示模块GridIndicatorSideIcons, 增加上下左右四个图标, 大大改善了Grid默认只有一个中央图标的尴尬
法力条模块GridManaBars —— 显示团员的法力/能量值
被控制队友警报模块GridStatusHostileUnit —— 标记被控制成为敌对目标的队友
持续性治疗模块GridStatusHots —— 显示持续性治疗的剩余时间
缺少的增益模块GridStatusMissingBuffs —— 提示缺少的增益状态
团队减益模块GridStatusRaidDebuff —— 汇总各大RAID副本的重要DEBUFF, 独家修正BUG
详细仇恨模块GridStatusThreat —— 可显示仇恨百分比
团队标记模块GridStatusRaidIcons —— 显示队员头上的团队标记，或者是队员目标的团队标记
wow治疗的GRID怎么设置？
wow治疗的GRID设置：
设置框架和布局。
接着设置边缘。这样能够方便的知道怪物在看谁和玩家所选的目标(怪物的目标，整个方框边缘会变成醒目的红色) ，方便提前做出反应和抢治疗量。
接着设置法力条就是蓝的位置。在根目录里的“状态”栏里，查找“法力”里，把“忽略非法力条”前面的勾去掉，这样能看到DZ的能量和ZS YD的怒气。
BUFF设置，中心图标设置——调整中心图标的大小，以免DEBUFF和BUFF太大挡住血条。
知识归纳-网格布局-grid
display:grid/inline-grid;
[会把元素转换为块元素/行内元素]
划分行： grid-template-rows: val val ...;
划分列： grid-template-columns: val val ...;
[val值的个数表示行数]
设置行间距： grid-row-gap: val;
设置列间距： grid-column-gap: val;
复合写法： grid-gap: val(row) val(col);
指定子元素排列的方向: grid-auto-flow:column | row
???? [默认值为row]
水平对齐方式：
justify-content:start | end | center | stretch | space-around | space-between | space-evenly;
垂直对齐方式：
align-content: start | end | center | stretch | space-around | space-between | space-evenly;
复合写法： place-content: 垂直对齐方式 水平对齐方式
???? [ space-evenly :网格与网格间、网格与边框间的间距相等，对标 space-around ]
水平对齐方式： justify-items:start | end | strech;
垂直对齐方式： align-items: start | end | center | stretch;
???? [若项目没有设置宽高，则默认适用 justify-items:stretch ]
复合写法： place-items:垂直对齐方式 水平对齐方式;
???? [假定为3x3的网格]
垂直网格线： grid-template-columns: [c1] 100px [c2] 100px [c3] auto [c4];
水平网格线： grid-template-rows: [r1] 100px [r2] 100px [r3] auto [r4];
???? [默认名称为1,2,3,4(-4,-3,-2,-1) 且不会被覆盖]
合并列：
grid-column-start: 合并起点的纵向网格线名称;
grid-column-end: 合并终点的纵向网格线名称;
合并行：
grid-row-start: 合并起点的纵向网格线名称;
grid-row-end: 合并终点的纵向网格线名称;
复合写法：
合并列： grid-column:start/end
合并行： grid-row:start/end
???? [假定为3x3的网格]
指定网格区域：
???? [单引号、双引号皆可]
???? [区域名称可单行显示也可折行显示]
???? [无用区域可用.来表示]
分配项目： grid-area:区域名称;
???? [若指定区域为复数且相邻为长方形或正方形时，会自动合并]
???? [指定时区域名称不用引号]