盒子在浏览器中水平垂直居中

Posted 2023-05-16

参考技术A 一、定位

1.首先将html、body高度设为100%，清除默认的margin、padding值。

2.设置盒子margin值为0 auto,实现水平居中。

3.开启盒子的相对定位，将其下移父元素的50%。

4.若已知盒子高度，可通过margin-top属性将其上移自身高度的一半。

5.若不知道盒子高度，可通过CSS3新增的transform属性将其上移自身的50%。

二、flex布局

1.

在自定义表格视图单元格问题中水平/垂直约束

【中文标题】在自定义表格视图单元格问题中水平/垂直约束

【英文标题】：Constraining horizontally/vertically in custom table view cell issue

【发布时间】：2020-01-05 01:02:14

【问题描述】：

这快把我逼疯了。它不会每次都发生，但一旦发生就会很烦人。

当创建一个新的视图控制器并添加一个表格视图、表格视图单元格时，当我尝试添加水平和垂直居中约束时会发生这个奇怪的错误（？）。它将我试图约束的任何对象推到最左边，有时甚至在内容视图之外。

我在这里制作了这个问题的 gif：constraint issue

是我做错了什么还是其他人也遇到过这种情况？

【问题讨论】：

IB 和约束不起作用的众多问题之一。

【参考方案1】：

尝试使用 xib nib 创建表格视图单元格。并将笔尖附加到您的表格视图。然后就可以了。

--> 创建新文件并选择 Cocoa Touch 类然后之后
--> 单击下拉菜单选择表格视图单元格而不是默认值 选择视图控制器。 --> 创建 UITableViewCell 与 勾选下拉菜单下的 ADD NIB 复选框（不要忘记勾选 复选框）。 --> 然后你可以获取表格视图单元格 Nib 文件 和类文件。 -->在 Nib 文件中放置参考标识符。 --> 将表格视图单元格注册到您的表格视图。

yourTable.register(UINib(NibName,Bundle: nil),reference: Reference Identifier)