Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah kod untuk menjajarkan kedua-dua hujung dalam css

Apakah kod untuk menjajarkan kedua-dua hujung dalam css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2021-12-30 15:13:023368semak imbas

Dalam css, kod untuk menetapkan penjajaran dua keping kod ialah "elemen {text-align:justify;}"; atribut "text-align" digunakan untuk menetapkan penjajaran mendatar teks daripada elemen yang ditentukan Apabila nilai atribut ditetapkan Apabila ia wajar, elemen akan diselaraskan dalam dua bahagian dalam arah mendatar.

Apakah kod untuk menjajarkan kedua-dua hujung dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah kod untuk menjajarkan kedua-dua hujung dalam css

Atribut penjajaran teks menentukan penjajaran mendatar teks elemen. Nilai atribut

adalah seperti berikut:

  • kiri Susun teks ke kiri. Lalai: ditentukan oleh penyemak imbas.

  • kanan Susun teks ke kanan.

  • tengah Susun teks ke tengah.

  • justify mencapai kesan penjajaran teks pada kedua-dua hujungnya.

  • warisan menentukan bahawa nilai atribut penjajaran teks harus diwarisi daripada elemen induk.

Sintaks adalah seperti berikut:

元素{
text-align:justify;
}

Contohnya seperti berikut:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>123</title>
    <style type="text/css">
    p{
        text-align:justify;  
    }
    p i{
        display:inline-block;
        width:100%;
    }
</style>
  </head>
  <body>
<p>两端对齐文本<i></i></p>
  </body>
</html>

Hasil output:

Apakah kod untuk menjajarkan kedua-dua hujung dalam css

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah kod untuk menjajarkan kedua-dua hujung dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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 sebelumnya:Apakah maksud ulangan dalam cssArtikel seterusnya:Apakah maksud ulangan dalam css