Zo *_*Has 3 html css hyperlink
嗨,我在div中有一些带有display:block的超链接.问题是单击时超链接的长度等于div的宽度.如何使超链接的单击长度仅等于超链接的文本而不指定每个链接的宽度？ JSFiddle在这里
使用
#links a {clear:left;float:left}
这float将允许链接大小,clear并将阻止链接在同一行.
您可能需要根据设计添加clear:left到#links容器中.
编辑
你提问的一个小教程:
有两种类型的元素,内联和块.内联线显示没有中断.块元素占据整行并移动到下一行.
内联元素的宽度或高度不能设置样式.块可以.
<a>是一个内联元素.通过将其显示设置为阻止,您可以告诉它每次都创建一个新行.
float给出元素内联行为,使它们在彼此旁边碰撞并流到下一行.float还允许您设置元素的宽度/高度的样式.这是两者之间的混合.
clear属性会停止内联浮动并返回到正常的块行为(每次都是新行).
你不会需要display:block和float:在同一时间.
另一个解决方案将涉及display:inline-block,但在几个浏览器中不支持这一点,因此不鼓励(尽管我发现它非常方便).