Nhận hai hình thức để hiển thị nội tuyến

Question

doesnt làm việc này

<form style ='display:inline;'> 
<input type = 'submit'/> 
</form> 
<form style ='display:inline;'> 
    <input type = 'submit'/> 
</form> 

Tôi muốn hai hình thức mà trình kịch bản khác nhau và mỗi người đều có một nút đầu vào để hiển thị nội tuyến.

Tôi muốn tạo kiểu nội tuyến trực tuyến vì người khác sẽ thực hiện thay đổi vĩnh viễn hơn đối với tệp CSS chính tôi đang làm gì sai?

Answer 1

Tôi nghĩ điều bạn muốn là hiển thị chúng cạnh nhau. Bạn có thể làm điều đó bằng cách sử dụng phao thay vì như vậy:

<form style ='float: left; padding: 5px;'> 
akjfhdkjahj<br /> 
<input type = 'submit'/> 
</form> 
<form style ='float: left; padding: 5px;'> 
    aklfjas<br /> 
    <input type = 'submit'/> 
</form> 

Nhưng ngay cả điều đó cũng không lý tưởng. Điều tốt nhất là nên bọc mỗi biểu mẫu <> trong < div> s và sử dụng dấu phẩy trong thẻ div thay thế.

Answer 2

một nút đầu vào để hiển thị nội tuyến

Nếu các nút sẽ được hiển thị nội tuyến, sau đó bạn cần phải gán những phong cách cho các đầu vào, không để các hình thức.

Answer 3

Nếu tôi hiểu câu hỏi một cách chính xác, bạn có thể sử dụng display:inline-block;

form{ 
    width:200px;   //JUST FOR SHOW 
    height:200px;   //JUST FOR SHOW 
    background:red;  //JUST FOR SHOW 
    display:inline-block; 
    margin:1em;    
} 

Ví dụ:http://jsfiddle.net/jasongennaro/dn5NQ/3/

Rõ ràng, bạn sẽ cần phải làm lại nội dung của các hình thức ... như bạn nói.

Answer 4

Bạn nên sử dụng dấu ngoặc kép " cho thuộc tính của mình và tạo kiểu cho các nút inline cũng như chúng được định nghĩa là block theo mặc định.