<!--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