程序员做网站,wordpress 插件制作教程,宣武成都网站建设,维护模式 wordpressdisplay#xff1a;浮动
1.block#xff1a;使元素呈现为块级元素#xff0c;可设置宽高
display: block;
特点#xff1a;使元素呈现为块级元素#xff0c;即该元素会以新行开始#xff0c;占据整行的宽度#xff0c;即使其宽度未满。
例子#xff1a; 2.inline浮动
1.block使元素呈现为块级元素可设置宽高
display: block;
特点使元素呈现为块级元素即该元素会以新行开始占据整行的宽度即使其宽度未满。
例子 2.inline使元素呈现为内联元素不可设置宽高
displayinline用这个就会变行内元素宽高都不可调整而且变小
display: inline;
特点使元素呈现为内联元素即该元素与其他元素在同一行内显示仅占据内容所需的宽度。
例子span, a 等元素默认是内联元素。 3.inline-block控制块元素排到一行
inline-block用这个就会变成块级元素但是两个相同的中间有间距并且不能去掉间距很少人使用
xx{display: inline-block;}
特点使元素同时具有内联元素和块级元素的特性。元素会与其他内联元素同在一个行内显示同时可以设置宽度和高度。
例子此设置常用于按钮或图片等需要设置尺寸但又希望与文本同行显示的场景。 4.none:控制元素的显示和隐藏
xx{display: none;
}
特点使元素及其子元素完全不显示且不占据任何空间就像不存在一样。
例子常用于完全隐藏元素的场景比如通过CSS或JavaScript进行动态显示和隐藏。让div元素隐藏 float: left:元素向左浮动
right:元素向右浮动
none:默认值。元素不浮动并会显示在其文本中出现的位置 拓展悬浮菜单
使用diaplaynone进行隐藏 使用diaplayblock或者inline让其重新显现
如果是块元素就选diaplayblock被隐藏的部分就会以块元素的形式出现