左键拖动 - 平移单击左键 - 弹出滚动滚轮 - 缩放单击并拖动滚轮 - 倾斜和旋转（在 3D 中）右键拖动 - 持续缩放在使用其他工具进行居中并放大或居中操作时，请分别按下 C+Shift 或 C+Ctrl...左键拖动 - 平移 单击左键 - 弹出 滚动滚轮 - 缩放 单击并拖动滚轮 - 倾斜和旋转（在 3D 中） 右键拖动 - 持续缩放 在使用其他工具进行居中并放大或居中操作时，请分别按下 C+Shift...Ctrl + 单击 以指针位置作为视图中心。 在 2D 环境下，这将使视图居中。在 3D 环境下，照相机会转向中心并显示该位置。 W 在 3D 场景中，向上倾斜照相机。 类似于从固定点倾斜照相机。...当照相机移动时，调整鼠标指向以设置您要行驶的方向。可以选择使用 W 和 S 键更改方向。 左箭头键和右箭头键 从视图中心向左或向右移动照相机。...按住左箭头或右箭头键可垂直于照相机当前的视图方向左或向右移动照相机。当照相机移动时，调整鼠标指向以设置要相对垂直行驶的方向。可以选择使用 A 和 D 键更改方向。
还要明白3D视图和俯视图、地平面视图的区别，因为在海拔为0时将进入地平面视图，上下的操作将变为拉近和推远。...操作 快捷键（Windows 和 Linux） 快捷键 (Mac) 平移 在俯瞰视角，点击左键并移动 在地平面视图，点击左键上下移动为拉近和推远、左右移动为移动 向左移动 向左箭头 向左箭头 向右移动...查看第三视角（鼠标锁定位置） 按住 Shift，然后点击并拖动 屏幕会显示中心，且鼠标变为上下箭头 查看第一视角（相机视角） 按住 Ctrl，然后点击并拖动 鼠标会变为十字 顺时针旋转（鼠标锁定位置）...按住 Ctrl，然后点击并向上拖动 Ctrl + 向上箭头 鼠标左键 平移 在3D视图和俯视图，点击左键 以鼠标锁定位置为中心自由观察 在3D视图和俯视图、地平面视图，点击左键，拖拽 Shift...+左键 以相机视角为中心自由观察 在3D视图和俯视图、地平面视图，点击左键，拖拽 Ctrl+左键 拉近/推远 在地平面视图，点击左键上下移动 放大 双击左键 鼠标滚轮中键和键盘放大缩小的区别，
Tabs Tabs可以轻松浏览和切换不同的视图。 选项卡使内容组织处于较高级别，例如在app的视图、数据组或功能之间切换。 将Tabs以单行的形式显示在其关联的内容上方。...内容相似的tabs链接为一组 ·保持标签与其内容相邻以保持两者之间的关系 ? tabs是以行展示而不是列 ?...固定tabs具有相同的宽度，计算方式为视图宽度除以标签数量，或基于最宽的tab标签。 要在固定选项卡之间导航，可点击tab或向左或向右滑动内容区域。 ?...当用户不需要直接比较选项卡标签时，可滚动选项卡最适合用于浏览触摸界面中的上下文。 要在可滚动选项卡之间导航，请触摸选项卡或向左或向右滑动内容区域。...要在不导航的情况下滚动选项卡，请向左或向右滑动选项卡。 ? 移动端可滚动tabs ? pc端可滚动tabs
将应用或桌面窗口最大化到屏幕右侧 Win + Home 最小化除活动桌面窗口以外的所有窗口（在第二道笔划时还原所有窗口） Win + Shift + 向上键 将桌面窗口拉伸到屏幕的顶部和底部 Win...） 播放或暂停视频 箭头键（在集锦中） 向上、向下、向左或向右滚动 左箭头或右箭头键（位于单个项目或幻灯片放映上） 显示下一个或上一个项目 箭头键（位于缩放的照片上） 在照片内移动 Ctrl + 加号或减号...显示上下文菜单 用三根手指双击 阅读文本属性 用四根手指双击 打开搜索模式 用四根手指点击三次 显示所有“讲述人”命令 用两根手指向左、向右、向上或向下轻扫 滚动 用三根手指向左或向右轻扫 向前 Tab...、顶栏和底栏之间移动键盘焦点 Win + Shift + F6 以相反方向在边栏、顶栏和底栏之间移动键盘焦点 Win + Tab 转到任务视图 Win + Backspace 返回 Win + 空格键...键并用鼠标拖拽，可以复制选中对象并使两者在同一直线上。
+ 向左键 将应用或桌面窗口最大化到屏幕左侧 Windows 徽标键 + 向右键 将应用或桌面窗口最大化到屏幕右侧 Windows 徽标键 + Home 最小化除活动桌面窗口以外的所有窗口（在第二道笔划时还原所有窗口...减号 (-) 折叠选定文件夹 Alt + P 显示预览面板 Alt + Enter 打开选定项的“属性”对话框 Alt + 向右键 查看下一个文件夹 Alt + 向上键 查看上一级文件夹 Alt + 向左键...返回 Alt + 向右键 前进 F5 或 Ctrl + R 刷新页面 Esc 停止加载页面 Ctrl + L 或 F4 或 Alt + D 选中地址栏 Ctrl + Shift + L 在新选项卡中打开地址栏查询...旋转 Ctrl + 向上键或向下键 倾斜 + 或 – 键 在 3D 城市视图中放大或缩小 Page Up 或 Page Down 在 3D 城市视图中推远或拉近 Ctrl + Y 在鸟瞰图和道路视图之间切换地图视图...（查看视频） 播放或暂停视频 箭头键（在集锦中） 向上、向下、向左或向右滚动 左箭头或右箭头键（位于单个项目或幻灯片放映上） 显示下一个或上一个项目 箭头键（位于缩放的照片上） 在照片内移动 Ctrl
（注2：更多内容请查看我的目录。） 1. 简介 在CSS2.2中，盒子根据定位体系来布局，其必然处于某个格式化上下文中。 2....在浮动模型中，一个盒子首先根据常规流布局，然后从标准流中脱离并尽可能地向左或向右位移。内容可以漂浮在浮动周围。 绝对定位 Absolutr Positioning 。...在手持 handheld 、投影 projection 、屏幕 screen 、打字机 tty 、电视 tv 媒体类型中，盒相对视口固定且滚动时不会移动。...我们可以通过在网格容器（grid container）上定义网格定义行（grid definition rows）和网格定义列（grid definition columns）属性各在网格项目（grid...item）上定义网格行（grid row）和网格列（grid columns）为每一个网格项目（grid item）定义位置和空间。
在有多行选项需滚动查看时，size属性设置可提示看到的行数，selected属性默认选中该列表项。...、to top left向左上方、to bottom left 向左下方、 to right 从左向右、to top right向右上方、to bottomo right向右下方、 to bottom...(1) visible默认溢出内容可见，显示在盒子外面 (2)hidden 多出来的内容被隐藏且没有滚动条 (3) scroll 有垂直水平2条滚动条，可查看多余内容 (4) auto 如果内容溢出，自动显示滚动条...c.语法 position:relative,指定偏移量时：水平left(正值向右移)、right(正值向左),垂直top(正值向下)、bottom(正值向上)。...元素中的所有 元素 White-space属性：设置如何处理元素内的空白。
在本文中，会先解释auto的工作方式以及如何最大程度地利用auto的技术细节,当然，会配合一些用例和示例。 简介 auto关键字的使用因属性而异。 对于本文，我将在每个属性的上下文中解释值。...当我们有一个元素应该在它的父元素内部水平和垂直居中时，我们可能会倾向于使用translateX或translateY。 我们可以使用下面方法让具有绝对定位元素居中： 设置的宽度和高度。...CSS grid 和自动设置一个 auto 列 ? 在CSS Grid中，我们可以设置一个列为auto，这意味着它的宽度将基于它的内容长度。...例如，提示的箭头指向左侧，另一个箭头指向右侧。 ?...CSS将如下所示： .item__action { margin-inline-start: auto; } CSS grid 和自动边距 在向网格项目添加边距时，它可以是固定值，百分比或自动值
RecyclerView是google官方在support.v7中提供的一个控件，是ListView和GridView的升级版。...在第二个for循环中，遍历了所有的Item，然后判断Item是否在当前显示的范围内，如果是，将Item添加到控件中，并根据Item的位置信息进行布局。...当dx>0时，控件向右滚动,即 接着，调用先前已经写好的布局方法layoutItems()，对Item进行重新布局。 最后，返回实际滑动的距离。...Item，已经所有存放的位置信息和状态。...三、重写RecyclerView 这里简单看下如何如何改变Item的绘制顺序，具体可以查看源码 public class RecyclerCoverFlow extends RecyclerView {
如果焦点位于列中的顶部单元格上，则焦点不会移动。 Page Down: 以开发者设定的行数移动焦点，一般滚动时，当前可见行集合中的最后一行会变为第一次滚动后可见行中的一行。...如果网格包含带有用于选择行的复选框的列，则该键可以用作在焦点不在复选框时勾选框的快捷方式。 Control + A: 选择所有单元格。...如果焦点位于网格的第一个单元格上，则焦点不会移动。 Page Down (可选地): 以开发者设定的行数向上移动焦点，一般情况下，当前可见行中的第一行会成为滚动后可见行中的一行。...如果网格包含用于选择行的复选框的列，当焦点不在复选框上时，可作为选中复选框的快捷键。 Control + A: 选择所有单元格。 Shift + Right Arrow: 向右扩展选择一个单元格。...如果存在某些行或列在DOM中被隐藏或不存在的情况，例如当滚动时自动加载数据，或者网格提供了隐藏行或列的功能，使用以下属性，如grid and table properties 所述。
2.initial-scale=1.0 属性确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。 3.user-scalable=no 属性可以禁用其缩放（zooming）功能。....pull-left: 元素向左 .pull-center: 元素居中 .pull-right: 元素向右 .blockquote-reverse: 设定引用右对齐 /**字符显示**/ .text-lowercase...="text-left">向左对齐文本 居中对齐文本 向右对齐文本 <p class="...WeiyiGeek.一行最多12<em>列</em> 什么是<em>网格</em>（Grid）？ 答:简单地说，网页设计中的<em>网格</em>用于组织内容，让网站易于浏览，<em>并</em>降低用户端的负载。...； 比如:row 分为 3 <em>和</em> 9 <em>列</em>，我们可以<em>在</em>9<em>列</em>中进行分 4 个 col-md-6 则，相对于<em>在</em> 9<em>列</em>中再次等分为2行12<em>列</em>；（具体<em>查看</em>下面的案例） <em>列</em>排序 描述:<em>以</em>一种顺序编写<em>列</em>，然后<em>以</em>另一种顺序显示<em>列</em>
以最近的不是static定位的父级元素作为参考进行定位，如果其所有的父级元素都是static定位，那么此元素最终则是以当前窗口作为参考进行定位。...写在body标签后由于浏览器以逐行方式对HTML文档进行解析，当解析到写在尾部的样式表（外联或写在style标签）会导致浏览器停止之前的渲染，等待加载且解析样式表完成之后重新渲染，在windows的IE...这个时候对每一个节点，如果找到一条规则从右向左匹配，我们只需要逐层观察该节点父节点是否匹配，而此时其父节点肯定已经在DOM上。...grid-auto-columns 属性和 grid-auto-rows 属性 有时候，一些项目的指定位置，在现有网格的外部，就会产生显示网格和隐式网格 比如网格只有3列，但是某一个项目指定在第5...stretch：拉伸，占满单元格的整个宽度（默认值） 应用场景 文章开头就讲到，Grid是一个强大的布局，如一些常见的 CSS 布局，如居中，两列布局，三列布局等等是很容易实现的，在以前的文章中，也有使用
这样可以形成规整的网格布局，但是也会带来一定的复杂性。比如想要新增某个页面元素，就有可能要改动整个表格，添加很多无用的行或者列。...当屏幕的宽度拉伸时，也不会改变页面的宽度： 设置的方式大致如下： width: 920px; margin: 0 auto;/*水平居中*/ text-align: left; 如果是左右布局，则会考虑把页面分成两个部分...一个部分向左浮动，一个部分向右浮动。为什么这样呢？ 这是因为如果全部采用向左浮动，如果主体部分由文本换行等，由于像素的偏差可能导致最右边的文本框挤出屏幕，导致无法阅读。...因此一个向左，一个向右，中间留有一定的隔离区（空白的地方），当有挤出的部分也会显示在隔离区的部分，而不会影响阅读。...某一个部分再分成两部分，通过向左向右浮动的方式显示。 巧用min-width和max-width min-width和max-width其实是很长用的。
组件内容区的大小ArkUI中常用布局容器如何选择使用哪种布局线性布局（Row/Column）线性布局的子元素在线性方向上（水平方向和垂直方向）依次排列线性布局容器包括 Row] 和 Column 。...：子元素在水平方向左对齐HorizontalAlign.Center：子元素在水平方向居中对齐HorizontalAlign.End：子元素在水平方向右对齐。...rowsTemplate和columnsTemplate属性值是一个由多个空格和'数字+fr'间隔拼接的字符串，fr的个数即网格布局的行或列数，fr前面的数值大小，用于计算该行或列在网格布局宽度上的占比...，最终决定该行或列的宽度Grid() {...}.rowsTemplate('1fr 1fr 1fr').columnsTemplate('1fr 2fr 1fr')单个网格可以横跨多行或多列通过设置GridItem...的rowStart、rowEnd、columnStart和columnEnd可以实现单个网格横跨多行或多列的场景Grid() { GridItem() {} GridItem() {}
U 恢复撤销操作 Ctrl+r 整行将向右缩进 >> 整行将向左退回 << 若档案没有更动，则不储存离开，若档案已经被更动过，则储存后离开 ZZ 输入模式 在命令模式下按i或a键就进入了输入模式，在输入模式下...表示强制保存退出） 将文件另存为其他文件名 :w new_filename 显示行号 :set nu 取消行号 :set nonu 使本行内容居中 :ce 使本行文本靠右 :ri 使本行内容靠左 :le...按下ECS键回到命令模式，并输入底线命令:ce，使诗名居中。 ? 按下o键换行并进入输入模式，输入第一行诗。 ? 按下ECS键回到命令模式，并输入底线命令:ce，使第一行诗居中。 ?...按下ECS键回到命令模式，并输入底线命令:ce，使第二行诗居中。 ? 在命令模式中执行底线命令:wq离开vim。 文本文件查看命令 cat 命令描述：cat命令用于查看内容较少的纯文本文件。...，标示出该行的列数编号 -v 或 --revert-match 显示不包含匹配文本的所有行 命令使用示例： 查看sshd服务配置文件中监听端口配置所在行编号。
它简化了基于网格或弹性盒子的布局的创建，通过提供一种设置网格或弹性盒子项在行和列中的间隙的简写方式。 要理解 gap 属性，让我们分别看一下它在网格和弹性盒子布局中的用法。...网格布局中的 gap 在网格布局中， gap 属性设置了网格项之间的水平和垂直间距。它允许我们通过一次声明来控制行和列之间的间隔。...这是一个示例，设置了一个网格容器，行之间有20像素的间隔，列之间有10像素的间隔 .container { display: grid; gap: 20px 10px; } 使用这个CSS，容器内的网格项之间将有指定的行和列之间的间隙...浏览器使用自定义字体隐藏文本，直到字体加载完成后再显示文本。 block ：通过这个值，浏览器减少了在等待自定义字体加载时隐藏文本的时间，使得备用字体能够更快地显示出来。...sideways-rl：内容从上到下垂直流动，所有字形，甚至垂直书写的字形，都向左侧倾斜。 目前只有Firefox支持最后两个值。
自动化包络编辑（Automation Clip Editor）-网格线更粗，以提高可视性。GUI-当主动添加链接时（点击开始处理），“添加目标链接”(+) 按钮跳动。...“类型以筛选”菜单选项，用于确定是否键入字母筛选或选择项目。在具有多列的视图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称的文件夹。...mid MIDI文件被标记为“score”选项卡（Tabs）-新（右击）选项卡选项，以向左/向右移动浏览器选项卡。增加“克隆此选项卡”选项。...“冻结”时，浏览器停止保存状态（文件夹是否折叠）。“折叠结构”按钮起到“恢复为冻结状态”的作用。07钢琴卷视图（View）-在更换音符时自动滚动钢琴窗。...Soundfont Player-增加了一个“程序模式”选项，以确定如何触发Patcher（补丁）。
vi编辑器 vi是UNIX和类UNIX环境下的可用于创建文件的屏幕编辑器。vi有两种工作模式：命令模式和文本输入模式。启动vi需要输入vi，按[Spacebar]键并输入文件名后回车。...每个键以不同方式使vi进入文本输入模式。按[ESC]键使vi从文本输入模式回到命令模式。 表1列出了vi从命令模式切换到文本输入模式的命令键及其功能。...w 将光标向右移一个字 b 将光标向左移一个字 e 将光标移到字尾 0（零） 将光标移到当前行的行首 [Return]键 将光标移到下一行的行首 [Spacebar]键 将光标向右移动一位 [Backspace...剪切和粘贴键 这些键用来重新安排用户文件中的文本，在vi的命令模式下可用。表5列出了vi编辑器的剪切和粘贴键及其功能。...Mode（视图模式）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
