原文:inline-block和block元素水平居中显示

一般来说,在页面中需要进行水平居中的元素,大致分为两种,一种是块级元素,即display:block,一种是行内元素display:inline block 块级元素包括div,ul,p,以及所有的h类标签。行内元素又叫内联元素,a,img,input是最常见的。这些行内元素,可以通过display:block转换成块级元素。 弄明白了哪些是块级元素,哪些是行内元素,我们还要知道其主要区别,两个 ...

2018-08-31 16:26 0 1432 推荐指数:

查看详情

inline-block元素水平居中问题

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

Fri Aug 15 04:26:00 CST 2014 0 14257
inline-block 实现元素垂直居中

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

Fri May 01 19:45:00 CST 2015 3 9488
inline-block垂直居中的方法

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

Wed Jan 06 05:03:00 CST 2016 0 20641
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM