2016-03-21 30 views
2

Slate kullanarak bir projem var, bu tablo aşağıdaki biçimde biçimlendirmeyi kullanmanıza olanak tanır.Tablo sütun genişliğini Markdown aracılığıyla ayarlama

Name | Value 
-------|------------------- 
`Value-One` | Long explanation 
`Value-Two` | Long explanation 
`etc` | Long explanation 

My sorun, ilk sütun çok dar hale getirilir ve (yani iki sıra üzerine kod değerleri kırma) içerik sarma yerine tek bir hat üzerinde gösterime olmasıdır. Tercihim, ilk sütunun adı/anahtarı tam olarak gösterecek kadar geniş olması ve ardından ikinci sütunun kullanılabilir alanın geri kalanını alabilmesidir.

Sorunun, sütun genişliğini işaretleme yoluyla (veya belirli bir tabloyu CSS aracılığıyla şekillendirebilmem için) en azından işaretleme yoluyla tabloya bir sınıf eklemenin mümkün olup olmadığı sorusu var. Yoksa buna daha iyi bir yaklaşım var mı? Tabloyu tam HTML'de yazmak zorunda kalmamayı tercih ederim (bu, son çare seçeneği olacaktır).

+0

Slate onların docs böyle bir özelliğin herhangi bir söz yapmaz ve böyle bir özellik sunmaktadır herhangi Markdown tablo uygulamasının farkında değilim. Bu tür kontroller için ham HTML öneririm. – Waylan

cevap

1

Bunun sizin durumunuzda çalışıp çalışmadığından emin değilim.

CSS aracılığıyla stilini sonra bir div içine tablo sarma deneyebilirsiniz:

<div class="foo"> 

Header | header 
------ | ----- 
Bar | bar 

</div> 

CSS:

.foo table { 
    styles... 
} 

çalışabilir.

Yardım etmeyi umuyorum!

3

Uzun zamandır cevap arıyordum ve sonunda bu çözümü anladım. İşaretleme sütunları genişliği, sütundaki en uzun hücreye göre belirlenir, bu nedenle, sütunu genişletmek için gerektiği kadar html boşluk varlığı &nbsp; kullanın. o düzenleme modunda çirkin görünüyor ama nihayet yöntemi uygulayın:

Name &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Value 
-------|------------------- 
`Value-One` | Long explanation 
`Value-Two` | Long explanation 
`etc` | Long explanation 
+1

Varlıklar arasındaki boşlukları not edin. Bunlar olmadan çalışmayacak:     – leopold

İlgili konular