2014-04-21 29 views
7

Genellikle Reveal.js slayt destelerimde oldukça büyük olabilen kod örnekleri var. Bununla birlikte, kod bloğu (ön ve kod etiketleri) her zaman üzerinde maksimum bir yüksekliğe sahip gibi görünüyor. Belirli bir yüksekliği geçtikten sonra kutuyu büyütmek yerine kaydırmak ister. Henüz kaydırma yapmak yerine mevcut alanı doldurmak için kutuyu (dikey olarak, fakat yatay olarak) nasıl büyüteceğini henüz anlamadım. Sunumumun daha fazla kod göstermesi için fareyle ilerlemek için sunumu duraklatmakla hiç ilgilenmiyorum. :-) Baska öneri?Kod örneklerini nasıl büyütürüm?

cevap

4
Reveal.js tarafından sağlanan css, responsible for the vertical limit görünüyor. Bu yüzden seçiminiz yok gibi görünüyor, ama css'yi kendiniz düzeltmek için. Örneğin, css/reveal.css numaralı dosyayı değiştirin (ve css/reveal.min.css modelini yeniden oluşturun).

Veya bu değeri sağladığınız ek bir temayla geçersiz kılmaya çalışabilirsiniz. Örneğin, css/theme/default.css'u css/theme/mine.css'a kopyalayın, kod blokları için istediğiniz stili tanımlayın ve bu dosyaya, .html sunum dosyanızın <head> bağlantısını ekleyin.

+3

Burada kimse biterse: Özel CSS, '.reveal ön kodda '' max-height' olarak ayarlanmıştır. Bu değeri kendi CSS kurallarınızla birlikte yazarak ya daha büyük bir değere ya da "başlangıç" a ayarlayınız. –

+0

hala geçerli bir cevap mı? – user239558

+0

Artık kod bloklarını koyabileceğiniz bir “streç” sınıfı var. –