Peranan nilai baris sifat flex-direction CSS

王林

Lepaskan： 2023-08-28 19:09:02

ke hadapan

666 orang telah melayarinya

CSS flex-direction属性行值的作用

Gunakan sifat flex-direction dan nilai row untuk menetapkan item flex secara mendatar.

Anda boleh cuba menjalankan kod berikut untuk melaksanakan nilai baris

Contoh

Demo Langsung

<!DOCTYPE html>
<html>
   <head>
      <style>
         .mycontainer {
            display: flex;
            flex-direction: row;
            background-color: orange;
         }
         .mycontainer > div {
            background-color: white;
            text-align: center;
            line-height: 40px;
            font-size: 25px;
            width: 100px;
            margin: 5px;
         }
      </style>
   </head>
   <body>
      <h1>Quiz</h1>
      <div class = "mycontainer">
         <div>Q1</div>
         <div>Q2</div>
         <div>Q3</div>
         <div>Q4</div>
         <div>Q5</div>
         <div>Q6</div>
      </div>
   </body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Peranan nilai baris sifat flex-direction CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：tutorialspoint.com

Artikel sebelumnya：Menggunakan sifat keterlihatan CSS Artikel seterusnya：Bagaimana untuk menyelesaikan isu limpahan dalam susun atur CSS Flex?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang