回覆列表
-
1 # 註定搗蛋ly
-
2 # 使用者779349957040
css讓三個DIV並列在一行中的步驟如下： 1.開啟html開發軟體，在html開發工具上新建一個html頁面，用於實現多個div顯示在同一行上。 2.在html程式碼頁面上建立兩個div標籤，然後給這個兩個div標籤新增class類，案例中class類分別為：one，two。 建立div程式碼：
第一個div第二個div3.建立4.設定好class類屬性後，儲存html程式碼，然後使用瀏覽器開啟，即可看到多個div標籤顯示在同一列上。這樣就解決了css讓三個DIV並列在一行中的問題了。 -
3 # 上進的交換餘生
只需要在css中寫上display:inline就可以把塊級元素變成行內元素，這樣就可以實現並排了
1、新建一個html檔案，命名為test.html，用於講解使用CSS如何讓兩個div並排顯示。
2、在test.html檔案內，使用div標籤一個模組，在div內，再使用div標籤建立兩個內部模組，下面將讓兩個內部div並排顯示。
3、在test.html檔案內，分別給每一個div設定class屬性，分別為wdiv，fldiv，frdiv。
4、在css標籤內，設定class為wdiv的div樣式，定義其寬度為500px，高度為400px，背景顏色為灰色。
5、在css標籤內，再分別設定class為fldiv和frdiv的樣式，定義它們的寬度為240px，高度為350px，同時，使用float屬性分別設定一個div浮動向左，另一個浮動向右，從而實現並排顯示。
6、在瀏覽器開啟test.html檔案，檢視實現的效果。