您的位置:首页 > Web前端 > CSS

CSS 常用样式 span用法

2012-04-08 23:25 337 查看
strong
{
cursor:pointer;
line-height: 1.6em;//属性设置行间的距离(行高)。
}

---------------------------------------------------------------------------

span属于内联元素,而内联元素是忽略宽度和高度的,解决的办法就是利用css将span变为盒装元素即可。

1.直接使用显示属性display将其定义为盒装元素;display:block;

2.使用浮动属性float将其自动定义为盒装元素;float:left;
虽然二者在这里的效果相同,但它们却又一点区别,第一种方法写出的span是清除两侧浮动的,也就是如果后面跟了任何元素都会折回到下一行显示;
而第二种利用浮动的定义方法,如果span后面跟随了元素则会和它在同一行显示,此处要绝对注意。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: