2016-09-28 3 views
0

J'ai un contenu de table dépassant la largeur de l'écran et je ne sais pas comment le réparer.Material Design - Contenu de la page dépassant la largeur de l'écran

Essayé pour obtenir <class="md-layout__content"> ou <class="page-content"> maxwidth réglé à 100% de la taille de l'écran actuel, mais ne pouvait pas.

Aussi pour le remplissage de la page le contenu de la page comment dois-je procéder? Je pensais que je pourrais ajouter <style="padding-left: %10"> ou marge peut-être?

Toute aide est appréciée! Merci :)

Question Example

Répondre

0

S'il vous plaît retiré de votre propriété suivante feuille de style pour le tableau. alors cela va résoudre votre problème.

white-space: nowrap; 

retiré cette propriété de .mdl-data-table classe

+0

Merci beaucoup pour votre réponse, je ne pouvais pas résoudre ce avec le 'white-space: attribut normal', mais ont également ajouté' mot-break: break -tout; 'et je pense que ça marche maintenant :) – EduGord

+0

@Memento Bon à savoir. et accepte cette réponse –

+0

Désolé! Je l'ai maintenant accepté. J'ai aussi testé que 'word-wrap: break-word;' peut aussi remplacer 'word-break: break-all' pour résoudre ce problème :) – EduGord