父元素：box1,子元素：box2； 持续补充中。。。。。 一、子div定宽高 1. flex布局 .box1{ width: 300px; height: 300px; border: 1px solid red; display: flex; align-items: center; } .bo ...
分类：
其他好文 时间：
2021-04-01 13:41:10
阅读次数：
0
代码如下： <style type="text/css"> .title{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 300px; height: 300px; font-size: 2 ...
分类：
Web程序 时间：
2021-02-04 11:40:34
阅读次数：
0
1、例如(登录/注册)： header 引入 bootstrap ： <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src ...
分类：
其他好文 时间：
2021-02-03 10:41:48
阅读次数：
0
Qt自带案例基本是纯代码撸出的界面，本片博客记录ImageViewer案例的UI版本。 VS2017配合Qt5.14.2实现。 【功能介绍】 图像居中显示，过大则出现滚动条，图像缩小、放大、还原、适应窗体，打开、另存为、退出。 【界面】MainWindow项目，项目名ImageViewer 看动图， ...
分类：
其他好文 时间：
2021-01-20 11:44:54
阅读次数：
0
DIV水平垂直居中 div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} 父级控制子集居中（弹性布局）.parent { display: ...
分类：
Web程序 时间：
2021-01-15 11:40:06
阅读次数：
0
字体类样式我们已经学习过字号font-size、字体font-family两个属性，接下来还有几个常用的字体属性。 粗细 font-weight: 作用：设置文字是否加粗显示。 属性名：font-weight，属于 font 属性的一个单一属性。 属性值有两种方式：单词类型、数字类型。 单词类型: ...
分类：
Web程序 时间：
2020-12-10 11:25:47
阅读次数：
10
话不多说先上要实现的效果：（很简单水平居中） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素垂直居中的方法</title> </head> <style type="text/css"> /* 方式一 */ .box{ w ...
分类：
其他好文 时间：
2020-12-03 12:27:34
阅读次数：
16
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览... ...
分类：
Web程序 时间：
2020-12-02 12:08:02
阅读次数：
10
盒子的六个属性：1·width属性 2.height属性 3.内边距（padding）4.边距（border）5.外边距（margin）6.背景属性（background） 垂直居中的条件：单行文字垂直居中，行高等于高度值 当行高小于高度，文字偏上；当行高大于高度，文字偏下。 盒模型的宽度=左外边距 ...
分类：
其他好文 时间：
2020-11-26 14:08:53
阅读次数：
5
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
