CSS垂直自适应,元素超出高度显示效果
发布时间:2018-09-16 03:42:31 所属栏目:经验 来源:站长网
导读:烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard![]() "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS垂直自适应 - Liehuo.Net</title> <style> div { float:left; width:200px; height:40px; margin:0 10px 0; border:2px solid #000000; } </style> </head> <body> <div>这是元素中的内容,注意当元素的内容超出元素定义的高度时候的显示效果。</div> <div></div> </body> </html> (编辑:晋中站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |