代码广场 - 分享与发现优质代码

vertical_center_absolute4_html

css3新增的transform，transform的translate属性也可以设置百分比，其是相对于自身的宽和高，所以可以讲translate设置为-50%，就可以做到居中了

123123

0

查看次数

11-07

创建时间

vertical_center_lineheight_html

通过text-align就可以做到水平居中，但很多同学可能不知道通过通过vertical-align也可以在垂直方向做到居中

文本文本文本

0

查看次数

11-07

创建时间

vertical_center_writing_mode_html

writing-mode可以改变文字的显示方向，比如可以通过writing-mode让文字的显示变为垂直方向

123123

0

查看次数

11-07

创建时间

vertical_center_table_html

table被用来做页面布局，现在没人这么做了，但table也能够实现水平垂直居中，但是会增加很多冗余代码

123123 ...

0

查看次数

11-07

创建时间

vertical_center_css_table_html

css新增的table属性，可以让我们把普通元素，变为table元素的现实效果，通过这个特性也可以实现水平垂直居中

123123

0

查看次数

11-07

创建时间

vertical_center_flex_html

flex优雅的做到水平垂直居中

123123

0

查看次数

11-07

创建时间

vertical_center_grid

通过grid实现水平垂直居中

123123

1

查看次数

11-07

创建时间

CSS_translate3d_Parallax_2

CSS translate3d Parallax 2

CSS Parallax CSS Parallax CSS Parallax CSS Parallax CSS Parallax CSS Parallax ...

1

查看次数

11-07

创建时间

CSS_translate3d_Parallax

CSS translate3d Parallax

CSS Parallax CSS Parallax CSS Parallax CSS Parallax CSS Parallax CSS Parallax ...

2

查看次数

11-07

创建时间

CSS_3D_parallax

CSS 3D parallax

translateZ(-1) translateZ(-2) translateZ(-3)

2

查看次数

11-07

创建时间

bg_attachment_fixed_Wave

bg-attachment:fixed Wave

2

查看次数

11-07

创建时间

Pure_CSS_Scroll_Parallax

Pure CSS Scroll Parallax

区域1 区域2 区域3

1

查看次数

11-07

创建时间