流动模型(二)

第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)

右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。

示例:

<!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.rinpe.com">www.rinpe.com</a><span>我是伪强调</span><em>我是重点</em>
    <strong>我还是强调</strong>
</body>
</html>

效果:

原文地址:https://www.cnblogs.com/Rinpe/p/5554879.html