如何使表格彼此相邻而不是彼此相邻

时间:2015-03-16 07:54:56

标签: css

我有一个下面的表格我试图将类应用到它,以便表单彼此相邻而不是一个在另一个之下,但它不起作用

下面是我的代码

 <form action="" method="POST">
     <div class="imgthumb"><?php the_post_thumbnail('thumbnail'); ?></div>
     <div class="votebtn">
        <input type="hidden" value="<?php echo $postid; ?>" name="id" />
        <input type="submit" name="submit" value="Vote" />
      </div?    
     <div class="votecounttxt"><?php echo $votecount; ?></div>             
 </form>

你可以在http://myproject.byethost7.com/?page_id=5

看到它

2 个答案:

答案 0 :(得分:0)

在这种情况下,有许多方法可以更改display的{​​{1}}或使用form

float

应该为你做。您的表单目前显示为form { display: inline-block; } 个内容,占据整个&#39;行。而不仅仅是其内容的宽度,并允许后续内容流动&#39;之后就在同一条线上。更改为block会更改它们以执行此操作。浮动从视觉角度以类似的方式工作,但可能会产生不可预见的后果,因此这里可能没有必要。

答案 1 :(得分:0)

好吧我知道了我只需要将样式css直接包含在模板中...因为模板没有getheader样式表没有加载