第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）
示例页面代码中内联元素标签a、span、em、strong都是内联元素。
练习
新建示例页面demo.html，示例代码如下
观查一下示例页面的代码，感受一下在流动模型下，内联元素的特点：“包含元素内从左到右水平分布显示”。
示例代码
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>流动模式下的内联元素</title> <style type="text/css"> </style> </head> <body> <a href="http://www.vxzsk.com">www.vxzsk.com</a><span>强调</span><em>重点</em> <strong>强调</strong> </body> </html>
此文章本站原创，地址 https://www.vxzsk.com/1409.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：10.1、CSS流动模型（一）
下一篇：10.3、CSS浮动模型
^