Heim > Web-Frontend > HTML-Tutorial > 将span元素设置为固定宽度和高度代码_html/css_WEB-ITnose

将span元素设置为固定宽度和高度代码_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:30:21
Original
1824 Leute haben es durchsucht

将span元素设置为固定宽度和高度代码:
本章节介绍一下如何给span元素设置固定宽度和高度,之所以要专门介绍一下,是因为默认状态下,给它添加和width和height属性并不能够起作用,代码如下:

 

span{  width:200px;  height:200px;}
Nach dem Login kopieren

这是因为span元素是内联元素,无法设置高度和宽度,只能够自适应内容大小,代码修改如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">span{  width:200px;  height:200px;  display:block;  background:green;}</style></head><body><span></span></body></html>
Nach dem Login kopieren

以上代码可以设置span元素的尺寸,这是因为使用display:block将其转换为块级元素。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12917

更多内容可以参阅:http://www.softwhy.com/divcss/

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage