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

WBOY
Lepaskan: 2021-12-30 15:13:02
asal
3349 orang telah melayarinya

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;
}
Salin selepas log masuk

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>
Salin selepas log masuk

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!

Label berkaitan:
css
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan