Rumah Tutorial perisian Perisian Pejabat Bagaimana untuk menetapkan fon monospace dalam CSS

Bagaimana untuk menetapkan fon monospace dalam CSS

Jan 20, 2024 am 08:39 AM
aksara css sama lebar

Bagaimana untuk menetapkan fon monospace dalam CSS

Bagaimana untuk menetapkan lebar teks yang sama dalam css

td:selepas {

kandungan: ':';

kedudukan: mutlak;

}

td {

saiz fon: 14px;

lebar: 4em;

text-align-last: justify;

}

Nama pengguna
Tetapkan kata laluan
Sahkan kata laluan
Telefon bimbit
E-mel
Kod pengesahan

Pahami sepenuhnya perbezaan antara unit px dan em rem dalam css

px ialah piksel (Pixel)

em ialah lebar huruf besar Inggeris M dalam fon yang digunakan oleh elemen semasa Sebabnya ia dinyatakan ialah M kerana lebar setiap huruf tidak sama dalam fon berkadar (contohnya, lebar W dan i. adalah sangat berbeza), dan dalam fon lebar tetap (seperti aksara Cina), lebar setiap aksara adalah sama, jadi em ialah lebar aksara (atau separuh lebar aksara Cina)

rem ialah lebar fon elemen akar halaman (r ialah akar), penjelasan lain adalah sama seperti di atas

px ialah unit panjang mutlak, iaitu, jika lebar elemen dinyatakan sebagai 100px, maka lebarnya ditetapkan pada 100 piksel manakala em ialah unit panjang relatif, contohnya, lebar elemen ialah 4em, dan lebar elemen ini ialah Jika lebar fon ialah 12px, lebar sebenar elemen ini ialah 48px Jika anda menukar saiz fon elemen ini kepada 16px, lebar sebenar elemen ini akan menjadi 64px secara automatik untuk rem, ia adalah untuk membenarkan halaman ini menggunakan rem sebagai Elemen dalam unit panjang boleh dilaraskan secara automatik mengikut saiz fon elemen akar halaman (biasanya html atau badan, anda hanya perlu). untuk menukar saiz fon elemen akar untuk menukar rupa keseluruhan halaman Ia biasanya digunakan untuk reka letak halaman gaya responsif.

Tetapan teks dalam CSS!

Soalan 1: Jika anda menggunakan .left a{}, apakah yang akan anda lakukan seterusnya

Jangan gunakan kelas di sini dalam kerja,

Tukar kepada berfungsi Jika anda mahu 3 perenggan teks ditakrifkan secara berasingan, gunakan kelas, tetapi kaedah penulisan bukan .left a{}, tetapi .work a{}. kerja. Jika anda kelas Jika kerja hanya digunakan sekali, pilih .work a{}. Jika anda mahu menggunakannya di tempat lain, jika anda mahu tetapan seperti fon berbeza, gunakan .left work a{}.

Soalan 2: Di sudut kanan bawah, anda boleh menentukan sama ada teg p atau teg Jangan gunakan padding menentukan jarak dalaman.

Ini adalah tajuk!

.header p{margin-top: ketinggian lapisan anda-10px;

Ini adalah tajuk!

.header a{margin-top: ketinggian lapisan anda-10px;

Cara mengawal lebar fon aksara dalam html

Jika anda hanya perlu menukar lebar, sifat CSS tradisional tidak boleh dicapai Anda boleh menggunakan fungsi ubah bentuk CSS3 untuk mencapainya, tetapi ia adalah perubahan keseluruhan untuk label, bukan hanya untuk fon (disebabkan oleh ubah bentuk. label luaran, Elemen dalaman berubah bersama-sama, yang boleh dianggap sebagai menyelamatkan negara), seperti:

.ubah { lebar: 200px; transform: scaleX(1.2);

Dalam HTML, anda boleh menggunakan saiz fon dalam CSS untuk mengawal saiz fon (lebar fon akan berubah mengikut saiz fon), tetapi tiada atribut yang hanya boleh menukar lebar fon tanpa mengira ketinggian.

Anda boleh menggunakan jarak perkataan untuk mengawal jarak antara teks dan teks

Atas ialah kandungan terperinci Bagaimana untuk menetapkan fon monospace dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara mengurangkan jurang antara bar dan lajur dalam carta Excel (dan mengapa anda perlu) Cara mengurangkan jurang antara bar dan lajur dalam carta Excel (dan mengapa anda perlu) Mar 08, 2025 am 03:01 AM

Tingkatkan carta Excel anda: Mengurangkan jurang antara bar dan lajur Membentangkan data secara visual dalam carta dengan ketara meningkatkan kebolehbacaan spreadsheet. Excel cemerlang dalam penciptaan carta, tetapi menu yang luas dapat mengaburkan ciri -ciri sederhana namun kuat, SUC

5 perkara yang boleh anda lakukan di Excel untuk web hari ini yang anda tidak dapat 12 bulan yang lalu 5 perkara yang boleh anda lakukan di Excel untuk web hari ini yang anda tidak dapat 12 bulan yang lalu Mar 22, 2025 am 03:03 AM

Versi Web Excel mempunyai peningkatan untuk meningkatkan kecekapan! Walaupun versi desktop Excel lebih kuat, versi web juga telah meningkat dengan ketara sepanjang tahun lalu. Artikel ini akan memberi tumpuan kepada lima penambahbaikan utama: Mudah masukkan baris dan lajur: Di Web Excel, hanya hover ke atas tajuk baris atau lajur dan klik tanda "" yang nampaknya memasukkan baris atau lajur baru. Tidak perlu menggunakan fungsi "Masukkan" menu klik kanan yang mengelirukan lagi. Kaedah ini lebih cepat, dan baris atau lajur yang baru dimasukkan mewarisi format sel bersebelahan. Eksport sebagai fail CSV: Excel kini menyokong pengeksport lembaran kerja sebagai fail CSV untuk pemindahan dan keserasian data mudah dengan perisian lain. Klik "Fail"> "Eksport"

Cara Menggunakan Fungsi AverageIf dan PurperiFS dalam Excel Cara Menggunakan Fungsi AverageIf dan PurperiFS dalam Excel Mar 07, 2025 am 06:03 AM

Pandangan Pantas Fungsi AververIf dan PurperiFS dalam Excel Fungsi Excel's AverifiF dan AverageFs boleh digunakan untuk mengira nilai purata dataset. Walau bagaimanapun, tidak seperti fungsi purata yang lebih mudah, mereka dapat memasukkan atau mengecualikan nilai tertentu dalam pengiraan. Cara menggunakan fungsi purataFIF di Excel Fungsi purata Excel membolehkan anda mengira nilai purata dataset yang ditapis berdasarkan satu set keadaan. Sintaks fungsi purataf Fungsi purataFIF mengandungi tiga parameter: = Purataf (x, y, z)

Cara Menggunakan Lambda di Excel untuk Membuat Fungsi Anda Sendiri Cara Menggunakan Lambda di Excel untuk Membuat Fungsi Anda Sendiri Mar 21, 2025 am 03:08 AM

Fungsi Lambda Excel: Panduan Mudah untuk Membuat Fungsi Tersuai Sebelum Excel memperkenalkan fungsi Lambda, mewujudkan fungsi tersuai memerlukan VBA atau makro. Sekarang, dengan Lambda, anda boleh dengan mudah melaksanakannya menggunakan sintaks Excel yang biasa. Panduan ini akan membimbing anda langkah demi langkah bagaimana menggunakan fungsi Lambda. Adalah disyorkan bahawa anda membaca bahagian -bahagian panduan ini dalam rangka, mula -mula memahami contoh tatabahasa dan mudah, dan kemudian belajar aplikasi praktikal. Fungsi Lambda tersedia untuk Microsoft 365 (Windows dan Mac), Excel 2024 (Windows dan Mac), dan cemerlang untuk web. E

Pintasan papan kekunci Microsoft Excel: Lembaran Cheat yang Boleh Dicetak Pintasan papan kekunci Microsoft Excel: Lembaran Cheat yang Boleh Dicetak Mar 14, 2025 am 12:06 AM

Master Microsoft Excel dengan pintasan papan kekunci penting ini! Lembaran cheat ini memberikan akses cepat kepada arahan yang paling kerap digunakan, menjimatkan masa dan usaha yang berharga. Ia merangkumi kombinasi utama penting, tampal fungsi khas, workboo

Sekiranya anda tidak menggunakan alat kamera tersembunyi yang tersembunyi, anda akan kehilangan muslihat Sekiranya anda tidak menggunakan alat kamera tersembunyi yang tersembunyi, anda akan kehilangan muslihat Mar 25, 2025 am 02:48 AM

Pautan cepat Mengapa menggunakan alat kamera?

Gunakan fungsi peratus untuk memudahkan pengiraan peratusan dalam excel Gunakan fungsi peratus untuk memudahkan pengiraan peratusan dalam excel Mar 27, 2025 am 03:03 AM

Fungsi Peratus Excel: Mudah mengira perkadaran subset data Fungsi peratus Excel dengan cepat dapat mengira perkadaran subset data dalam keseluruhan set data, mengelakkan kerumitan mewujudkan formula kompleks. Sintaks fungsi peratus Fungsi peratus mempunyai dua parameter: = Peratus (a, b) dalam: A (diperlukan) adalah subset data yang membentuk sebahagian daripada keseluruhan set data; B (diperlukan) adalah keseluruhan dataset. Dalam erti kata lain, fungsi peratus mengira peratusan subset A kepada jumlah dataset b. Kirakan perkadaran nilai individu menggunakan peratus Cara paling mudah untuk menggunakan fungsi peratus adalah untuk mengira single

Cara membuat penapis garis masa di Excel Cara membuat penapis garis masa di Excel Apr 03, 2025 am 03:51 AM

Dalam Excel, menggunakan penapis garis masa boleh memaparkan data mengikut tempoh masa lebih cekap, yang lebih mudah daripada menggunakan butang penapis. Garis masa adalah pilihan penapisan dinamik yang membolehkan anda memaparkan data dengan cepat untuk satu tarikh, bulan, suku, atau tahun. Langkah 1: Tukar data ke jadual pivot Pertama, tukar data Excel asal ke dalam jadual pivot. Pilih mana -mana sel dalam jadual data (diformat atau tidak) dan klik PivotTable pada tab Sisipan reben. Berkaitan: Cara Membuat Jadual Pivot di Microsoft Excel Jangan terintimidasi dengan meja pivot! Kami akan mengajar anda kemahiran asas yang boleh anda menguasai dalam beberapa minit. Artikel yang berkaitan Dalam kotak dialog, pastikan keseluruhan julat data dipilih (

See all articles