Display显示

在开发中我们常常会遇到图片或者文字换行而影响页面美观

原因：有些标签是块内元素，有些标签是内联元素

常见块元素：<div> <p> < h1>  这些元素占用全部宽度，前后都有换行

常见内联元素： <span> <a> 这些元素只占需要的宽度，不会换行

解决措施：

{display:inline;} 转换为内联

{display：block;} 转换为块元素