根据CSS显示分类,HTML元素被分为 三种类型:块状元素,内联元素,内联块元素。
在css中,只需要给内联元素设置display:block
样式即可将其转换为块元素。
display属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
block:此元素将显示为块级元素,此元素前后会带有换行符。
inline:默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block:行内块元素。(CSS2.1 新增的值)
css将内联样式设成块元素示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> span { background-color: #2cde57; } .span1 { display: block; width: 1000px; } </style> </head> <body> <span>第一个span,内联元素</span> <span>第二个span,块元素</span> </body> </html>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理