当前位置：首页 > 经验 > 数码摄影 > it技术

css水平居中的9种方法

关注：64 发布时间：2021-08-08 14:56:12

导语本文整理了css水平居中的9种方法经验知识，帮助您全面了解，小白也能成为高手，跟随小编一起来看一看吧！

容器的居中显示在网页设计中非常常见。居中显示可以获得视觉焦点，但内容更突出。下面简单说明一下如何通过html中的样式控制来实现

详细介绍方法/步骤

，代码示例如下。首先取大的一半像素大小赋给小图层，通过margin: 0 auto文本对齐：中心

对于第二种方法，代码示例如下：将大图层的显示设置为table-cell，然后将小图层的左边距设置为(500-250)/2，即125。

第三种方法，代码示例如下：将大图层的位置设置为，然后取小图层的左边距为(500-250)/2，即125。

第四种方法由display:flex实现。代码示例如下：display3360flex on big layerflex-direction :列；和小层对齐-自：中心

第五种方法，当小图层的宽度不可用时，可以通过设置width:fit-content来完成。代码示例如下

第六个方法由display:inline-block实现，这个设置可以分配给大图层。代码示例如下

第七种方法，设置大图层位置：相对，相反，使小图层向左浮动，代码示例如下

第八个方法，transform属性，有下面的代码示例

第九种方法，借助第三方样式，比如添加一个add节点，向左水平浮动，使小图层随之浮动。代码示例如下

温馨提示

每种方法适应不同的运行环境，在实际操作中要考虑不同浏览器的兼容性

猜你喜欢

  • 利用万用表法测电容的容量

    利用万用表法测电容的容量76人喜欢

    详细介绍方法/步骤现在一般的万用表都会有电容文件，所以最简单的测量方法就是把万用表拨到电容文件上，选择合适的量程后，连接电容两端的探头，直接读出电容。或者我们可以用万用表的电阻档测量电容，选…

    更新时间：2021-10-24 16:51:02

  • caj转换成word工具怎么使用？

    caj转换成word工具怎么使用？44人喜欢

    我们知道caj文件是不能复制和编辑的，所以我们会把它们转换成word或者文本。如果我们的电脑没有安装工具，那么我们可以安装转换工具。如何使用caj来word工具？接下来，我帮你解决。需要准备的物品中国期…

    更新时间：2021-09-18 14:54:03

  • origin连不上网络怎么解决

    origin连不上网络怎么解决48人喜欢

    1.首先退出origin，然后按win r打开“run ”,输入%appdata%并按ok。2.打开里面的原点，删除里面所有的文件。3.然后回去或者按上面的app data。4.打开本地文件夹。5.再次打开这里的原点，删除里面的…

    更新时间：2022-02-22 07:01:07

  • 移动网络怎么设置网速最快

    移动网络怎么设置网速最快524人喜欢

    1.在待机模式下点击手机的设置；选择无线和网络；点击移动网络进入网络模式；进入网络模式后，选择gsm只设置3g网络上网。2.3gnet和3gwap是中国联通3g网络的两个不同的apn(接入点名称)，可以通过3gnet或3gw…

    更新时间：2022-02-16 12:55:04

  • 怎么让上传图片容量小于30k

    怎么让上传图片容量小于30k87人喜欢

    需要准备的物品著名图象处理软件计算机方法步骤如图所示视图属性显示大小为88k用ps打开依次单击图像-图像尺寸将分辨率更改为18，然后单击确定单击文件-另存为重命名后单击[保存]我们发现32k的尺寸…

    更新时间：2021-08-31 12:56:04

  • 一根网线怎么连接电视和网络

    一根网线怎么连接电视和网络44人喜欢

    1.直连网线顺序为：1白橙，2橙，3白绿，4蓝，5白蓝，6绿，7白棕，8棕。因此，当网络要求不高时，一根网线可以分成两根使用。2.用线夹把网线最外层皮层拉开，就可以拨的更长。如果不能拨一次，可以拨两次，把每根线拉直。3.…

    更新时间：2022-05-07 14:52:05

  • eclipse中怎么通过jdbc连接sql

    eclipse中怎么通过jdbc连接sql78人喜欢

    当我们使用eclipse编写项目时，我们经常需要使用jdbc来操作sql server数据库。那么如何操作呢？以下小系列将与大家分享。需要准备的物品黯然失色详细介绍方法/步骤首先，我们打开sql server数据库并…

    更新时间：2021-09-30 18:50:06

  • 网络已连接但无法访问网络怎么办

    网络已连接但无法访问网络怎么办58人喜欢

    1.使用其他手机或设备连接wifi尝试上网，并淘汰wifi本身。2.尝试重新启动路由器，或将路由器恢复到出厂设置，然后再次拨打互联网，并按照安装向导进行操作。3.联系宽带客服确认宽带账号是否异常，如欠费，充…

    更新时间：2022-02-12 10:57:04

  • excel表格计数公式怎么用

    excel表格计数公式怎么用69人喜欢

    详细介绍方法/步骤首先打开excel，找到需要统计的表格，打开将光标放在需要计数的列的末尾，注意不要留下空格，如下图所示：打开公式选项卡，在自动求和下拉菜单中找到计数，然后单击检查自动选框范围是否正确…

    更新时间：2021-10-27 08:59:01

  • 头条权重是0怎么办

    头条权重是0怎么办75人喜欢

    头条权重为0，可能是因为缺乏原创性和推荐性。1.指数越高，你的头条账号权重越高。一般指数在400以上是正常的。2.单价。如果你发现你的账户单价下降了，说明你的账户权重有问题，就是权重可能下降了；否则…

    更新时间：2022-03-20 08:59:03

  • 子父级选项怎么使用

    子父级选项怎么使用37人喜欢

    亲子功能是ae中非常常见且实用的选项。将不同的层链接到子-父层后，可以将父层的动画链接到子层，减少关键帧的调整。让我们看看如何使用子-父选项。详细介绍方法/步骤打开电脑里的ae软件，我们先ctrl…

    更新时间：2021-08-06 12:56:09

  • 头条提现的银行卡要本人吗

    头条提现的银行卡要本人吗44人喜欢

    1.可以，头条提现需要实名、银行卡号码、身份证号码、银行卡预约电话。2.头条提现步骤：进入结算中心。在结算设置中，查看是否有银行卡绑定。如果是第一次提现，需要绑定银行卡；根据需要输入卡号和分行名…

    更新时间：2022-01-06 20:47:08

it技术热门经验