水平线没有浮动的按钮:左

时间:2012-02-29 06:00:24

标签: html css

有没有办法水平显示一行链接而不使用float:left?使用float时,以div为中心太难了:左,我永远无法让它工作。

4 个答案:

答案 0 :(得分:4)

使用display:inline;

http://jsfiddle.net/tcQzL/3/

如果您的元素是内联元素,它们将显示在一行中,否则您必须将它们内联。

答案 1 :(得分:2)

您可以尝试display: inlineinline,具体取决于您的需求(据我所知,内联块提供的灵活性比内联更灵活)

此处,请检查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;
}

选中此http://jsfiddle.net/tcQzL/10/