一、display属性基本用法
在css样式中display属性常用于把行内元素改成块元素,或者把块元素改成行内块元素
display常用值:
display:none;/*此元素不会被显示*/
display:block;/*此元素改为块级元素显示,前后会带有换行符。*/
display:inline-block;/*此元素改为行内块元素显示,前后没有换行符*/
display:table;/*此元素改为块级表格来显示(类似 <table>),表格前后带有换行符。*/
display:inline-table;/*此元素会改为内联表格来显示(类似 <table>),表格前后没有换行符。*/
1.用ul无序列表举例,如下图:
在网页中显示的效果,如下图:
为li添加display样式让它改为行内块元素,如下图:
为li添加完样式后在页面中在同行显示,如下图:
注:display:none;会将元素完全隐藏,在页面中完全看不到