Baru -baru ini saya menulis kerangka tata letak sederhana, tetapi fungsinya sebenarnya serupa. Tetapi tujuannya adalah untuk menggunakan kode sesederhana mungkin untuk mengimplementasikan beberapa fungsi penting. Ini digunakan dalam beberapa kesempatan di mana kecepatan pemuatan diperlukan.
Bagian CSS
.flex-row, .flex {display: -webkit-flex; display: flex; flex-direction: row;}. flex-col {display: -webkit-flex; display: flex; flex-direction: kolom;}Bagian JavaScript
.directive ('flex', [function () {return {restrict: 'a', scope: {'flex': '='}, link: function (s, e, a) {e.css ('flexgrow', s.flex);}};}]);penggunaan:
<div> <div flex = "1"> satu </div> <div flex = "6"> dua </div> </div>
Di atas adalah implementasi tata letak kotak elastis yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!