原文:inline-block 实现元素垂直居中

.元素的显示方式: display:inline 表示,元素做为内联元素显示,两个或者多个内联元素可以并列成一行显示 常见的内联元素如:span strong 标签 内联元素的特点是: 不能给内联元素设置宽和高 元素和其他元素共占一行 display:block 表示,元素作为块级元素显示,两个或者多个块级元素分成多行显示 常见的块级元素如:div, h h 标签 块级元素的特点是:可以给元素设 ...

2015-05-01 11:45 3 9488 推荐指数:

查看详情

inline-block垂直居中的方法

vetical-align的功能是设置行内元素垂直方向上的对齐方式。 可能的值 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 ...

Wed Jan 06 05:03:00 CST 2016 0 20641
inline-blockblock元素水平居中显示

一般来说,在页面中需要进行水平居中元素,大致分为两种,一种是块级元素,即display:block,一种是行内元素display:inline-block; 块级元素包括div,ul,p,以及所有的h类标签。行内元素又叫内联元素,a,img,input是最常见的。这些行内元素 ...

Sat Sep 01 00:26:00 CST 2018 0 1432
inline-block元素水平居中问题

今天做项目的时候碰到了不固定元素个数,需要水平居中的问题,原来的确定宽度下margin:0 auto等方法木有用了。想起来之前看过display:inline-block的文章, 果断用这个。 之前很少用这个属性。。印象里麻烦比较多。。好了不多说了,上代码。 打开页面,乍一看 ...

Fri Aug 15 04:26:00 CST 2014 0 14257
 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM