有没有办法水平显示一行链接而不使用float:left?使用float时,以div为中心太难了:左,我永远无法让它工作。
答案 0 :(得分:4)
答案 1 :(得分:2)
您可以尝试display: inline
或inline
,具体取决于您的需求(据我所知,内联块提供的灵活性比内联更灵活)
此处,请检查this fiddle
如果你使用这些,有一个问题,如果你看小提琴,我的前两个元素是一个接一个地写,所以我之间没有任何差距(这就是为什么我添加了边框)和另一个一个是彼此低于一个写的,正如你所看到的那样,我正在谈论的差距。因此,在编写代码时请记住这一点。
对此有不同的解决方法,但是如果你做需要边框而不仅仅是文本,那么你应该考虑使用float
来避免任何变通方法
答案 2 :(得分:2)
我不确定我是否理解正确,但只需新建div
- 您的按钮所在的位置。而新的div
会使您的链接float:left
然后通常只定位您所做的新div
。
但我认为那些来自Andrei S和mesiesta的早期答案更好。
答案 3 :(得分:1)
您可以使用display:inline-block
。写得那样
.link{
display:inline-block;
*display:inline;/* For IE7 */
*zoom:1;/* For IE7 */
vertical-align:top;
}