Question

我在我的codeiniter项目中使用w3.css，我想把它们放在一起。

这是我的代码：

<a type="button" class="w3-btn w3-blue w3-pull-left" href="http://localhost/cblog/posts/ikkinchi-post">Tahrirlash</a> 
<form action="http://localhost/cblog/posts/delete/2" method="post" accept-charset="utf-8">
    <input type="submit" value="O`chirish" class="w3-btn w3-red">
</formm>

Answer 1

为什么链接上有type =“button”属性？

要在一行上显示元素，请将其样式更改为：

display: inline-block;

或者如果您不需要填充

display:inline;

所以它看起来像这样

a,form{
    display:inline-block;
}

Answer 2

您可以查看W3.css的documentation，看看是否有一个类可以使元素显示为内联，也可以使用为导航栏设计的类。如果没有，那么您可以自己创建一个类并将其分配给您想要的元素。

.displayInline { display: inline;}

在w3css上显示彼此相邻的表单和按钮

2 个答案: