当前位置:首页 > 日记 > 正文

绝对定位单元的水平垂直中心(3种选择)

绝对定位单元的水平垂直中心(3种选择)
在中间1.css实现

缺点:需要事先知道单元的宽度和高度。
文件

箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:50%;顶端:50%;
边境:1px solid # 000;
背景:红色;
边距:- 200px; / *一半高度
margin-left:随着改变; / *半宽度
}


2、CSS3实现水平垂直中心

注意:不管是什么尺寸的元件,它可以在中间。然而,IE8是这种写作风格兼容,和移动端可以忽略。
文件

箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:50%;
顶部:50%;
边境:1px solid # 000;
背景:红色;
转换:翻译(- 50%,- 50%);50%的一半大小
}

3和保证金:汽车在中间
文件

箱{。
宽度:600px;
身高:400px;
位置:绝对;
左:0;
顶部:0;
权利:0;
底部:0;
边境:1px solid # 000;
背景:红色;
边界:自动的;自动的居中的。
}

以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!

相关文章

使用excel图表使电子表格数据更加

使用excel图表使电子表格数据更加

数据,图表,电子表格,生动,电脑软件,使用微软Office Excel 2007中的新工具,您可以轻松地将电子表格数据转换为具有视觉冲击效果的图形。 如何开始: 一 打开excel工作表并选择要绘制的数据(图1),包括列标题和行标记。 图1 二 单击插入选项卡,然…

MySQLSQL语句性能调优的简单示例

MySQLSQL语句性能调优的简单示例

语句,性能调优,示例,简单,电脑软件,MySQL SQL语句性能调优的简单示例 在进行服务器开发时,有时对并发性有一定的要求,有时会影响SQL语句,比如存储过程。现在,假设服务器代码被执行,一些SQL执行得很慢,您如何优化它 如果服务器代码正在执行下面…

电脑网页不能打开,但手机可以上网。

电脑网页不能打开,但手机可以上网。

网页,电脑软件,问题: 朋友的电脑通过网络线把路由器连接到互联网,手机把wifi连接到无线路由器上,孩子们不知道要设置什么,现在电脑不能在网页上工作,但是手机正常。 答案uff1a 计算机和移动电话都使用同一个路由器上网,而移动电话在因特网上。…

ai结合PS八步制作优秀混合变形海报

ai结合PS八步制作优秀混合变形海报

变形,教程,混合,海报,优秀,设计素描 uff1a 主要过程: 以上是教程的结束,ai结合PS八步制作一个伟大的海报混合变形教程的全部内容,希望大家喜欢! 相关教程推荐: ai与PS结合快速构建当前超简单海报 PS与SAI相结合,将美自画像的照片转移到手绘效…

Excel工作表快速定位超长行数据

Excel工作表快速定位超长行数据

定位,行数,快速,工作,电脑软件,如果excel工作表有10000行,如果第一行和第八千九百三十六行的数据需要修改,我们怎么做无论我们的滚动条拖动鼠标或使用页面键键盘,这将需要很长的时间。在这一点上,我们可以按住Shift键,然后拖动滚动条用鼠标;它会…

PS教程:调整照片怀旧色彩的方法

PS教程:调整照片怀旧色彩的方法

调整,教程,照片,方法,色彩,本教程介绍如何调整旧照片的颜色,主要是使用渐变映射,选择怀旧色彩,然后改变图层混合模式,在照片中添加旧的颜色,然后慢慢修改人物和细节。 最终效果 1,打开原始地图,单击Ctrl复制第一层,单击通道调色板,选择过滤器通道…

Excel表的结果与计算器(解决方案)的

Excel表的结果与计算器(解决方案)的

解决方案,计算器,电脑软件,Excel,问题: 在excel表中,该公式用于汇总一组数据。计算结果与计算机计算结果不一致。有什么问题吗 答案uff1a 在Excel的例子中,有几种可能性: 首先,可能是单元格的内容看起来是数字的,但它是一个以文本形式存在的数…

左固定,右侧自适应(两种选择)

左固定,右侧自适应(两种选择)

选择,自适应,两种,电脑软件,第一种方法: 文件 {之一。 位置:绝对; 身高:200px; 宽度:300px; 背景颜色:蓝色; } {。两 身高:200px; 左:300px保证金; 背景颜色:红色; } 第一种方法 第二方法: 文件 {之一。 浮点数:左; 身高:200px; 宽度:300px; 背景颜色:蓝色; } {…

如何PS画绿色的棒棒糖

如何PS画绿色的棒棒糖

棒棒糖,电脑软件,PS,用ps制作棒棒糖效果,我们主要是用半色调图案命令过滤,现在分享画图过程的步骤和截图,希望能对您有所帮助和启发。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1、首次启动PS图象处理软…

烟花如何添加一帧

烟花如何添加一帧

烟花,电脑软件,在具体的工作中,我们经常使用图片加边框,比如有边框的白色图片等,很多朋友发现他们不能PS和其他软件,好像他们不能完成这项任务,事实上,情况并非如此。关键是找到相应的工具,而相应的工具也有这个简单的功能。所以它可以实现。烟火…

Outlook无法正常运行

Outlook无法正常运行

正常运行,电脑软件,Outlook,我一直在使用Outlook的邮件客户端,但几天前,有一个问题。打开Outlook时,出现了这些错误信息:无法启动Outlook,无法打开Outlook窗口,无法打开文件夹的集合。我应该怎么做 这个问题有很多原因,并建议使用办公室的修复工…

ps如何绘制虚拟矩形

ps如何绘制虚拟矩形

绘制,虚拟,矩形,电脑软件,ps,当使用ps时,我们需要画出虚线的图形,以及如何做。一般来说,对熟悉ps的朋友来说,这并不困难,所以下面的经验适合初次学习ps的朋友。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1…