目录

10.2、CSS流动模型(二)

2017年09月10日 09:57 | 107次浏览 | 分类: html+css教程 作者原创 版权保护

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

示例页面代码中内联元素标签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>


此文章本站原创,地址 http://www.vxzsk.com/1409.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程