幸福的七种颜色的博客

以上是设计图。以下是对应的css..box-contain{width: 650px;height: 1009px;color: #FFF;font-size: 24px;text-align: center;line-height: 60px;background-color: #FFF;position: relative;z-index: 100;margin: auto;z-index: 100;border-radius: 20px;...

.ready-btn {     position: fixed;     bottom: 0;     height: 0.48rem;     text-align: center;     width: 100%;     line-height: 0.48rem;     font-family: "PingFangSC-Medium";     font-size: 0.16rem;  ...

文字少的时候，居中展示；文字多的时候，居左展示；核心 CSS 代码如下:.box { text-align: center;}.content {display: inline-block;text-align: left;}

一、height:100%无效。现在存在一个问题，就是当父级元素没有设置具体高度的时候，height:100%会失效。有一种看似合理的说法:如果父元素 height:auto 子元素还支持 height:100%，则 父元素的高度很容易陷入死循环，高度无限。例如，一个<div>元素里面有一张 vertical-align 为 bottom 同时高度为 192 像素的图片，此时，...

一、盒尺寸种的4个盒子 content box\padding box \border box 和 margin box 分别对应css世界种的content,padding ,border和margin属性。这4个属性被其称之为 “盒尺寸四大家族”二、深入了解content2.1 content与替换元素2.1.1 什么是替换元素替换元素 可以说是css世界中的另外一个派系...