按照经验如果想给a标签加宽度,需要设置display:block的;
但有网友指出,给a设置浮动(float)后,同样可以给a设置宽度
看完文章才知道原来有一种叫做"隐式块级元素"属性,float就是这个属性喽
加了float之后,a这样的非块级元素就变成了块级元素
soga soga
学习了 呵呵
<!--img标签是图片标签,单标签 src属性: 指向图片的地址 width属性:设置图片的宽度。px像素, height属性:设置图片的高度。px像素 单位-->
<!--a标签:链接标签,双标签 ``<a href="htpp://taobao.com">``</a>
href属性:指向链接地址,必须要有!-->
``<!--列表:有序、无序··> ``有序列表:<ol>自己喜欢的</ol> ordre line``
无序列表:<ul>自由添加 </ul> unorder line
当a标签使用了绝对定位之后发现,在ie浏览器中a标签无法点击,但是鼠标悬浮提示还是会显示的。测试过程中给a标签加上文字和边框则在ie中可点击区域则成为了文字和边框,空白部分还是不能点击,只有边框没有文字的情况下边框可点中间的空白区域还是不能点击。
原因:在ie浏览器中当给a绝对定位之后,这时a标签是不支持加了inline-block或者block的宽度和高度属性,它此时的可点击区域如果有边框则为边框,有内容则为内容,两者都没有的话则没有可点区域!
给a标签加上一个空的背景
background:url(about:blank) ; 此处之所以...是因为这个bug只有在ie中才会有!
按照经验如果想给a标签加宽度,需要设置display:block的;
但有网友指出,给a设置浮动(float)后,同样可以给a设置宽度
看完文章才知道原来有一种叫做"隐式块级元素"属性,float就是这个属性喽
加了float之后,a这样的非块级元素就变成了块级元素
soga soga
学习了 呵呵
转载于:https://www.cnblogs.com/lhy2013/archive/2013/03/13/2958015.html
项目中遇到的一个小问题,以前没有注意到:
超链接超出父级元素,想着给a标签加宽度但是没有效果。。。
后来发现两个很好用的css属性
1.word-wrap
用来控制换行
取值:
(1)normal
(2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。)加上:
word-wrap:break-word;效果:
2.word-break
用来控制断词
取值:
(1)normal
(2)break-all(是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。)
(3)keep-all(是指Chinese, Japanese, and Korean不断词,一句话一行,可以用来排列古诗哟~)加上:
word-break:break-all;
效果:-------------------------------------------------
老铁们可以试试~~~
转载于:https://www.cnblogs.com/yaokunlun/p/6386107.html