Berbagi teknologi

Di vue, gambar ditampilkan dalam div secara proporsional dengan ukuran asli gambar.

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Gambar ditampilkan dalam div secara proporsional dengan ukuran asli gambar, yang memastikan bahwa gambar yang ditampilkan di web memiliki bentuk yang sama dengan gambar sebenarnya dan mempertahankan efek gambar asli.

Kode implementasinya adalah sebagai berikut:

  1. <div style="padding: 0; width:400px;height:400px;position: absolute;border: 1px solid #eff2f6;">
  2.    <img :src="imgOptions.img" style="width: 100%;height:100%;object-fit: contain;"/>
  3. </div>

Efeknya adalah sebagai berikut:

Profil pribadi

Ia telah mengabdikan dirinya untuk meneliti teknologi selama lebih dari 30 tahun, dan mahir dalam berbagai bahasa seperti java, linux, javascript, php, css, dll. Ia telah memberikan banyak kontribusi di bidang open source stasiun dokumentasi pengembang untuk berbagi beberapa masalah dalam pengembangan teknologi untuk referensi di masa mendatang. Semua orang memeriksanya

informasi kontak saya

Surat