如果用<div>+<a>做一个按钮,这个能理解吧,就是 想通过 link 来实现跳转,但是看起来是个按钮,且不需要触发事件。而且 css 也比 button 的好用。
这中情况下,如果不是“块”block,那么只要点到文字上时才会触发,点到 按钮<div>但是没点到字是不行的,但是用了 block 后,整个按钮都可以承载 a 的link操作了
css中的display是设置元素显示的方式,block是一块状元素的方式显示,
inline是以内联元素的方式显示,none是不不显示;
块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行那里去,inline则不会这样。
行内元素(inline)的大小是受所在行统一控制的,不能单独设置大小,这个应该不难理解,因为如果同一行有多个行内元素,如果都各自设置自己的大小(以及行高、排列方式等),那么这一行就会变得混乱不堪甚至完全失控。所以如果一个元素的display属性设为inline,那么它的width和height属性就会自动失效。如果想让一个行内元素有自己的宽度,可以设为inline-block,这样既保留行内元素的特征,又可以单独设置自身状态,但一般并不建议这么做,因为这可能会打破网页的正常结构。从你的代码来看,你这个a标签都是单独一行的,设为块级元素(block)即可,没必要非设为inline不可啊。