CSS之inline和inline-block
程序员文章站
2022-03-26 14:37:06
inline-block 控制台-代码: PS:inline-block是让元素以内联形式存在,也就是不是块级,但是表现起来(又具有块级元素的高度)--也就是可以调高度(margin或者padding,height) 二· 如果是inline的话,也就是内联,inline是只有水平的宽度可以调的,没 ......
inline-block
控制台-代码:
ps:inline-block是让元素以内联形式存在,也就是不是块级,但是表现起来(又具有块级元素的高度)--也就是可以调高度(margin或者padding,height)
二· 如果是inline的话,也就是内联,inline是只有水平的宽度可以调的,没有高度,任何的属性调高度都无效
三。如果不用上述两个的话,div作为块级元素,会占整个水平块,而inline-block则让他只占住自己元素所在的空间。
推荐阅读
-
PHP小技巧之JS和CSS优化工具Minify的使用方法
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
远离JS灾难css灾难之js私有函数和css选择器作为容器
-
css3类选择器之结合元素选择器和多类选择器用法
-
PHP小技巧之JS和CSS优化工具Minify的使用方法
-
Css中display:inline-block用法详解
-
前端基础之--css中可被继承和不可被继承的属性
-
【前端知识体系-CSS相关】CSS特效实现之Transition和Transform对比
-
浅谈block, inline和inline-block的区别
-
CSS3之 transform和animation区别