爱站程序员基地<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>元素显示模式转换</title><style>a{display: block; //转换为块级元素width: 300px;height: 300px;background-color: brown;}div{width: 300px;height:300px;background-color: pink;display: inline; //转换为行内元素}span{width:300px;height:300px;background-color: green;display: inline-block; //转换为行内块元素}</style></head><body><a>行内元素转块级元素</a><div>块级元素转行内元素</div><span>行内元素转行内块元素</span></body></html>
