Saya perlu memusatkan dua medan ("Panggil Kami" dan "E-mel Kami") dan menjadikannya responsif pada masa yang sama. Mereka harus disusun bersama pada skrin kecil. Saya mempunyai CSS sebaris untuk meletakkannya dengan betul pada skrin besar seperti yang ditunjukkan, tetapi ia tidak disusun bersama seperti yang sepatutnya pada skrin kecil. Saya menggunakan CSS sebaris kerana saya tidak dapat mencari fail CSS untuk meletakkan kod tersebut. Adakah mungkin untuk menggunakan CSS sebaris untuk membetulkannya? Jika anda boleh, inilah CSS sebaris yang saya ada yang menjadikan kedua-dua medan dipusatkan dengan betul pada skrin besar.

 
  
Sekali lagi, kod ini tidak menjadikan kedua-dua medan ini responsif, iaitu boleh disusun pada skrin kecil. Pada mulanya terdapat tiga bidang. Medan ketiga ialah "Alamat Kami" tetapi saya mengeluarkannya. 
 
Saya cuba menambah CSS sebaris dan mengharapkan ia responsif pada skrin kecil, tetapi tidak berjaya. 
     
     

      

       
       1
      
      

       
       0
      
      

       
       0
      
     
     

      

       
       

        P粉725827686
        

       
      
      

       

       

        

         balas
        
       
      
     
     

      

       

        membalas semua
        (1)
       
       saya akan balas
       tutup
      
      

      

       
       

        

         

          P粉1976397532023-08-15 09:07:16
          Tingkat 1
         
         

          
Nampaknya anda sedang menggunakan rangka kerja Bootstrap. Nama kelasrow应用了display: flex，所以你的内联样式是多余的。你应该使用justify-content-centerNama kelas menggantikan gaya sebaris.
          
Anda ada:
          

          
sepatutnya:
          

          

          
Menentukan bilangan lajur yang sama pada setiap titik putus adalah berlebihan. Hanya gunakan nama kelas yang sesuai pada titik putus yang anda mahu perubahan berlaku, kerana ia akan digunakan untuk semua titik putus yang lebih besar.
          
Anda ada:
          

          
sepatutnya:
          

          

          
Memandangkan anda tidak memberikan contoh yang boleh dibuat semula, saya hanya boleh meneka rupa struktur anda.
          

          

           

            
 
 
 
Call Us
 
Our Email
 
 
           
          
         
         

          
          Suka+0
          

           Tambah Balasan
           关闭回复
          
         
         

          

           

            

             
             P粉725827686
            
           
           
           balas
          
         
         

          

         
        
       
      
      

      

     
    
    
    

     
     

      

       

        Topik popular
       
       Lagi>
      
      

       

        
Tutorial PHP
        
Tutorial Laravel
        
Tutorial C#
        
Tutorial Java
       
      
     
     

      

       

        Artikel popular
       
      
      

       

        

         

          
          Apakah masa depan Syiling Shiba Inu?
         
        

         

          
          Syiling Meme Baharu untuk Ditonton: Pepe Unchained Menaikkan $12J untuk L2 Blockchain
         
        

         

          
          Produk YOGA baharu Lenovo akan diperkenalkan pada IFA 2024 di Berlin, Jerman pada 5 September. Ia dikatakan sebagai komputer riba Intel Lunar Lake pertama yang akan dilancarkan
         
        

         

          
          Apakah Label mx? Langkah-langkah untuk pengeluaran kod QR dengan label mx
         
        

         

          
          Bagaimana untuk menetapkan Firefox kepada Bahasa Cina Mudah Bagaimana untuk menetapkan Firefox kepada Bahasa Cina
         
       
      
     
     

      

       

        Tutorial Popular
       
       Lagi>
      
      

       

        

         Tutorial berkaitan
         

        
        

         Cadangan popular
         

        
        

         Kursus terkini
         

        
       
       

        

         

          Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)
          

           

            1398086
            
           
           

            
           
          
         
        

         

          Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu
          

           

            4212308
            
           
           

            
           
          
         
        

         

          Tutorial Video Permulaan JAVA
          

           

            2375938
            
           
           

            
           
          
         
       
       

        

         

          Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)
          

           

            1398086
            
           
           

            
           
          
         
        

         

          Tutorial Video Permulaan JAVA
          

           

            2375938
            
           
           

            
           
          
         
        

         

          Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python
          

           

            495066
            
           
           

            
           
          
         
        

         

          Pengenalan pantas kepada pembangunan bahagian hadapan web
          

           

            213757
            
           
           

            
           
          
         
        

         

          Kuasai tutorial video PS dari awal
          

           

            848600
            
           
           

            
           
          
         
       
       

        

         

          [Web front-end] Permulaan pantas Node.js
          

           

            3732
            
           
           

            
           
          
         
        

         

          Koleksi lengkap kursus timbunan penuh pembangunan web asing
          

           

            2870
            
           
           

            
           
          
         
        

         

          Gunakan GraphQL praktikal bahasa
          

           

            2354
            
           
           

            
           
          
         
        

         

          Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah
          

           

            497
            
           
           

            
           
          
         
        

         

          Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam
          

           

            12885
            
           
           

            
           
          
         
       
      
     
     

      

       

        Muat turun terkini
       
       Lagi>
      
      

       

        

         kesan web
         

        
        

         Kod sumber laman web
         

        
        

         Bahan laman web
         

        
        

         Templat hujung hadapan
         

        
       
       

        

         

          
          [butang borang] kod hubungan borang mesej perusahaan jQuery
         
        

         

          
          [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
         
        

         

          
          [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
         
        

         

          
          [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
         
        

         

          
          [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
         
        

         

          
          [kesan khas html5] Permainan kotak menolak html5 klasik
         
        

         

          
          [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
         
        

         

          
          [Kesan album foto] Kesan zum hover kulit album peribadi CSS3
         
       
       

        

         

          
          [Templat Bootstrap] Templat web pembekal buah-buahan dan sayur-sayuran organik Bootstrap5
         
        

         

          
          [templat bahagian belakang] Pengurusan latar belakang maklumat data pelbagai fungsi Bootstrap3 templat halaman web responsif-Novus
         
        

         

          
          [Templat Bootstrap] Templat halaman web platform perkhidmatan sumber hartanah Bootstrap5
         
        

         

          
          [Templat Bootstrap] Templat web maklumat resume ringkas Bootstrap4
         
        

         

          
          [Templat Bootstrap] templat laman web pendidikan buku skrin lebar bootstrap responsif-DREAMLIFE
         
        

         

          
          [templat bahagian belakang] Templat sistem pengurusan latar belakang CMS perusahaan biru responsif gaya MAC
         
        

         

          
          [templat bahagian belakang] Sistem pengurusan latar belakang suasana kecerunan responsif tapak web template-kotak kegunaan
         
        

         

          
          [Templat Bootstrap] Templat tapak web kedai sayur dan buah-buahan responsif-Organio
         
       
       

        

         

          
          [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
         
        

         

          
          [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
         
        

         

          
          [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
         
        

         

          
          [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
         
        

         

          
          [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
         
        

         

          
          [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
         
        

         

          
          [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
         
        

         

          
          [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)
         
       
       

        

         

          
          [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
         
        

         

          
          [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
         
        

         

          
          [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
         
        

         

          
          [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
         
        

         

          
          [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
         
        

         

          
          [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
         
        

         

          
          [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
         
        

         

          
          [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu