CSS'de hücre yüzeyi ve hücre boşluğu ayarla? | tutuappapks.com
Bir HTML tablosunda cellpadding ve cellspacing şu şekilde ayarlanabilir:
Sadece genel bir öneri olarak, bu çözümleri denemeden önce, style.css'in tablolarınızda "sıfırlama" yapıp yapmadığını kontrol edin. Örnek: Tablo ayarlarınız yoksa width:auto sonra border-collapse beklendiği gibi çalışmayabilir. - PJ Brunet
Tablodaki sınır boşluklarını ve td. - Anubhav
CSS'de "cellpadding" i kontrol etmek için basitçe kullanabilirsiniz padding masa hücreleri üzerinde. Örneğin. 10px "cellpadding" için:
"Cellspacing" için uygulayabilirsiniz border-spacing CSS özelliği tablonuza. Örneğin. 10px "cellspacing" için:
Bu özellik, eski okul "hücre boşaltma" ile yapamayacağınız ayrı yatay ve dikey aralıklara bile izin verecektir.
IE'deki sorunlar <= 7
Bu, Internet Explorer 7'den neredeyse tüm popüler tarayıcılarda, neredeyse şans dışı olduğunuz Internet Explorer 7'de çalışır. "Hemen hemen" diyorum çünkü bu tarayıcılar hala border-collapse Bitişik tablo hücrelerinin sınırlarını birleştiren özellik. Hücre boşluğu ortadan kaldırmaya çalışıyorsanız (yani, cellspacing="0") sonra border-collapse:collapse aynı etkiye sahip olmalıdır: masa hücreleri arasında boşluk yok. Bu destek, bir var olanı geçersiz kılmamakla birlikte, buggy'dir. cellspacing Tablo öğesinde HTML niteliği.
Kısaca: Internet Explorer dışındaki 5-7 tarayıcıları için border-spacing seni idare eder. Internet Explorer için durumunuz doğruysa (0 cellspacing istiyorsanız ve tablonuz zaten tanımlanmamışsa) kullanabilirsiniz. border-collapse:collapse.
Not: Tablolara ve tarayıcılara uygulanabilecek CSS özelliklerine genel bir bakış için bkz. fantastik Quirksmode sayfası.
cellpadding = "0", Chrome 13.0.782.215'te, yine de border-collapse: daraltma ve kenarlık aralığı tabloya uygulanmış olsa bile fark yaratabilir. - Lee
@LeeWhitney doldurma ayarlamanız gerekir: Tablo hücrelerinizde 0. - Martin Ørding-Thomsen
Konudan biraz uzaklaşılıyor, ancak hücre üstü doldurma ve hücre alanı özellikleri HTML5'te kaldırıldı, bu yüzden şimdi gitmek için tek yol CSS. - Ignas2526
Herkese selam. Ben açık olduğunu düşündüğüm hücre padding bir bölüm de dahil olmak üzere netlik için cevabı güncelledik (sadece "dolgu" kullanın). Umarım şimdi daha yararlıdır. - Eric Nguyen
True, @vapcguy, bir tabloyu şekillendirebileceğiniz sonsuz değişkenlerin herhangi birinde, daha spesifik seçicileri tanımlamanız gerekecektir. Yukarıdaki örnekler örnek olarak işaretlenmiştir. - Eric Nguyen
Tarayıcının varsayılan davranışı aşağıdakilere eşdeğerdir:
Hücrenin içeriği ve hücre duvarı arasındaki boşluk miktarını ayarlar
Tablo hücreleri arasındaki alanı kontrol eder
İkisi de (özel)
Not: Varsa border-spacing ayarla, gösterir border-collapse masanın mülkü separate.
İşte Bunu başarmanın eski html yolunu bulabilirsiniz.
Tablonun etrafındaki boşluk nasıl kaybolur? "Sınır aralığı: 8px 12px'i ayarladığım zaman, sadece aradaki değil, tablo kenarlığı ve dış hücreler arasındaki boşlukları ekler! Ama bu resimlerde tasvir edilmez; - Kaz
@ 2astalavista Ve ne yazık ki birisi dış boşlukların etkisini silmek istiyorsa, bu CSS özellikleriyle bu şekilde çalışmayacaktır. - Kaz
@Kaz Bu sinir bozucu parçayı gizlemek için negatif marj kullanmanız gerekebilir.
TD'deki varsayılan dolgu genellikle 0 değil, 0'dır. - Jan M
Bu aslında benim için çalışabileceğim tek şey, aşırı genel olmaktan kaçınmak için bilgiyi bir id olarak uygulasa da. - Kzqai
budur cellspacing=0 eşdeğer. Eşdeğer cellspacing=1 tamamen farklı. Kabul edilen cevaba bakınız. - TRiG
olmamalı table td ve table th sadece ol td ve th sırasıyla? Her iki şekilde çalışır, ancak daha küçük bir seçici biraz daha hızlı eşleşme demektir - Cole Johnson
@Cole Aslında, olması gerektiğini düşünüyorum table > tr > td ve table > tr > th. Bu neredeyse kadar hızlı tr ve thve iç içe geçmiş bir tablonuz varsa çalışmanız garanti edilir. Sadece benim 2c - aboveyou00
@ aboveyou00 ama table seçici gerekli? IIRC, bir <td> içinde değilse geçersiz <tr>. - Cole Johnson
Tablo hücrelerindeki kenar boşluklarını ayarlamak, bildiğim kadarıyla bir etki yaratmıyor. İçin gerçek CSS eşdeğeri cellspacing olduğu border-spacing - ama Internet Explorer'da çalışmıyor.
Kullanabilirsiniz border-collapse: collapse Belirtildiği gibi 0'a hücre aralığını güvenilir bir şekilde ayarlamak için, ancak başka bir değer için tek çapraz tarayıcı yolu kullanarak cellspacing bağlıyor.
Bugünün çağında gerçekliğin Nth derecesine kadar emildiği görülür. - John K
Bu neredeyse doğru ama border-collapse Tablonun zaten bir örneği yoksa sadece IE 5-7'de çalışır cellspacing özellik tanımlandı. Yararlı olması durumunda, bu sayfadaki diğer cevapların tüm doğru kısımlarını birleştiren kapsamlı bir cevap yazdım. - Eric Nguyen
Dürüst olmak gerekirse, Internet Explorer kimin umurunda? Bunu kullanan herkes, bozuk web sitelerini bilmelidir onların arıza - böyle düşük kaliteli bir tarayıcı kullanmak için. Web siteleri bununla uğraşmak zorunda kalmamalıdır. Internet Explorer'ın kaybolmasına izin verin. Bunun için desteği unutun. İhtiyacımız yok ve geliştirmek için bir acı. - Dev
Bu hack, Internet Explorer 6 ve sonrası için çalışıyor, Google Chrome, Firefox ve Opera:
* bildirimi Internet Explorer 6 ve 7 içindir ve diğer tarayıcılar uygun şekilde yoksayacaktır.
Duyarlı e-postaları almaya çalışanlar için, notun 2007+ outlook tarafından tanınmadığını not edin campaignmonitor.com/css - ptim
Sıfır olmayan bir hücre boşluğu değeri isteyenler için, şu CSS benim için çalıştı, ancak sadece Firefox'ta test edebiliyorum. Bakın Alay modu bağlantı başka bir yere gönderildi uyumluluk detayları için. Eski Internet Explorer sürümleriyle çalışmayabilir gibi görünüyor.
Bu soruna basit bir çözüm:
Microservice Mimarisinde Tek Oturum Açma Askıya Alındığında bile iOS Uygulaması için Konum Güncellemeleri Alın DynamicComponentLoader için açısal 2 dinamik `şablon değişken adı? TWAIN Cihazı Simüle Etmek String dosyasını Temp dosyasına yaz MySQL Workbench, mysql.proc dosyasını yükleyemiyor Linux'tan Windows'a bir C ++ uygulaması çapraz derleme için el kitabı?