Bagaimanakah saya menjajarkan dua blok Div ​​pada baris yang sama menggunakan CSS?

Menjajarkan Dua Blok Div ​​pada Baris Yang Sama

Untuk menjajarkan dua blok div pada baris yang sama, anda boleh menggunakan sifat CSS seperti penjajaran teks dan paparan.

CSS:

<code class="css">#block_container {
    text-align: center;
}

#bloc1, #bloc2 {
    display: inline;
}</code>

HTML:

<code class="html"><div id="block_container">
    <div id="bloc1"><?php echo " version " . $version . " Copyright &copy; All Rights Reserved."; ?></div>
    <div id="bloc2"><img src="..."></div>
</div></code>

Ikuti garis panduan ini untuk memastikan penjajaran yang betul:

• Balut blok div dalam div bekas (#block_container) dan tetapkan penjajaran teksnya ke tengah.
• Tetapkan sifat paparan blok div (#bloc1 dan #bloc2) kepada sebaris ke jadikannya muncul pada baris yang sama.
• Untuk amalan terbaik, elakkan meletakkan kandungan mentah terus ke dalam teg div dan sebaliknya gunakan teg semantik seperti

  atau untuk teks.

Dengan menggunakan gaya ini, kedua-dua blok div akan dijajarkan secara mendatar pada garisan yang sama dalam bekasnya.

Atas ialah kandungan terperinci Bagaimanakah saya menjajarkan dua blok Div ​​pada baris yang sama menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!