首页 新闻 会员 周边

关于A标签并引申至块元素和内联元素

0
[待解决问题]

刚刚遇到a标签里放了span之后,a标签就不能正常使用的额问题

<a href="#" target="_blank">
    <span><img alt="" src="http://img1.aibangjuxin.com/ipic/9d0e20fb9c237ee0_4.jpg"></span>
</a>
将此span 设置为inline-block之后,图片不能连接出去了

 

请问这个是什么原因?

问题补充:

这里再对问题补充一下:

首先,我知道其实里面并不需要加span元素,而且两个都是内联元素,其实没有加的必要

其次,我这个问题是在ie7以下的版本发现的问题。

这里呢,我只是想知道以下几个问题:

1,为什么内联元素里面不建议加内联元素,这样会引发什么问题吗?

2,出现问题中不能点击是什么原因~

3,内联元素和块级元素,一般都是块级的里面再写内联的,这是有什么规则么?

Mrs.s的主页 Mrs.s | 菜鸟二级 | 园豆:202
提问于:2012-08-01 11:06
< >
分享
所有回答(3)
0

你为什么要用span把img包起来呢?

artwl | 园豆:16736 (专家六级) | 2012-08-01 11:12

恩,这个是这样的,我有个同学他是这么写的,然后我们想找出这样的原因

支持(0) 反对(0) Mrs.s | 园豆:202 (菜鸟二级) | 2012-08-01 14:08

@不晚: 这样写当然是可以的,只是两个都是行内元素,没有必要加个span,但你说的a不能正常使用,应该是可以的

支持(0) 反对(0) artwl | 园豆:16736 (专家六级) | 2012-08-01 20:46
0

我这里在Chrome中可以正常使用a标签

dudu | 园豆:30979 (高人七级) | 2012-08-01 15:58
0

1、内联元素可以加内联元素的,你提的问题并不存在。 但内联元素内不建议加块元素。

2、当你把span 设置为inline-block,span变为块元素。IE6、IE7中 a内有块元素是无法点击的。

3、

块元素的特点:

①总是在新行上开始;

②高度,行高以及外边距和内边距都可控制;

③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素
 

内联元素的特点:

①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变
④内联元素只能容纳文本或者其他内联元素
风叶飘 | 园豆:167 (初学一级) | 2012-12-21 16:31
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册