简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Tajuk ditulis semula sebagai: Bagaimana untuk menyelaraskan item senarai dengan teks di atas?
P粉463840170
P粉463840170 2023-09-09 15:47:47
0
2
514

Dengan HTML yang tidak sah saya boleh mendapatkan rupa yang saya inginkan, tetapi tidak dengan HTML yang sah. Adakah terdapat CSS yang membolehkan saya mengkonfigurasi

atau
untuk mensimulasikan kesan ?

Saya mahu rupanya berada di sebelah kiri dan HTML yang sah di sebelah kanan.

HTML tidak sah:

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
     颜色代码指南 
  •  注释 
    •  
  •  处理器指令 
    •  
  •  #ifndef name 
    •  
  •  库包含 
    •  
  •  用户定义的包含 
    •  
  •  库函数 
    •  
  •  初始化函数 
    •  
  • 用户定义的函数
    •  
  •  关键字 
    •  
  •  重要符号 
    •

HTML yang sah:

body { margin: auto; padding: 0 5px 0 5px; font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; background-color: black; color: white; }
 
 颜色代码指南 
 
     
  •  注释 
    •  
  •  处理器指令 
    •  
  •  #ifndef name 
    •  
  •  库包含 
    •  
  •  用户定义的包含 
    •  
  •  库函数 
    •  
  •  初始化函数 
    •  
  • 用户定义的函数
    •  
  •  关键字 
    •  
  •  重要符号 
    •

P粉463840170
P粉463840170

membalas semua (2)
P粉447785031
P粉4477850312023-09-10 12:58:12 Tingkat 2

Anda harus menyemak nilai ejen pengguna menggunakan alat dev

Sebagai contoh, elemen pertama di bawah TD ialah ul atau angka. Piawaian dalam Chrome adalah seperti berikut:

ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } figure { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; }

Jadi, jika anda ingin mengekalkan reka letak angka vs. ul, tambahkan angka dalam gaya anda, ganti atribut yang memecahkan reka letak dan tambahkan atribut yang diperlukan.

Suka+0
Tambah Balasan
    P粉138871485
    P粉1388714852023-09-10 12:13:31 Tingkat 1

    Hanya tambah beberapa gaya untuk menetapkan semula gaya lalai.

    ul { padding: 0; margin: 0; list-style-position: inside; }
     
     颜色代码指南 
     
       
    •  注释 
      •  
    •  处理器指令 
      •  
    •  #ifndef 名称 
      •  
    •  库包含 
      •  
    •  用户定义的包含 
      •  
    •  库函数 
      •  
    •  初始化函数 
      •  
    • 用户定义的函数
      •  
    •  关键字 
      •  
    •  重要符号 
      •
    Suka+0
    Tambah Balasan
      Topik popular
      Lagi>
      Artikel popular
      Tutorial Popular
      Lagi>
      Tutorial berkaitan
      Cadangan popular
      Kursus terkini
      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！