Articles of css

Définir une longueur maximale de caractère en css

Je fais un site web réactif pour l’école et ma question est: Comment définir une longueur de caractères maximum des phrases (avec css) sur mon site (comme 75 caractères) que lorsque j’ai un très grand écran, les phrases ne dépasseront pas 75 caractères. J’ai essayé une largeur maximale mais cela perturbe ma mise en page. […]

Lorsque les éléments de la boîte flexible sont en mode colonne, le conteneur ne grossit pas

Je travaille sur une mise en page flexbox nestede qui devrait fonctionner comme suit: Le niveau le plus à l’extérieur ( ul#main ) est une liste horizontale qui doit s’étendre vers la droite lorsque plusieurs éléments y sont ajoutés. Si elle devient trop grande, il devrait y avoir une barre de défilement horizontale. #main { […]

CSS text-transform capitaliser sur tous les majuscules

Voici mon HTML: small caps & ALL CAPS Voici mon CSS: .link {text-transform: capitalize;} La sortie est la suivante: Small Caps & ALL CAPS et je veux que la sortie soit: Small Caps & All Caps Des idées?

Dans une page sensible au bootstrap, comment centrer un div

Je dois créer une page réactive en utilisant bootstrap en positionnant une div au centre d’une page comme dans la mise en page mentionnée ci-dessous.

Enfant à l’intérieur du parent avec la taille minimale: 100% n’héritant pas de la hauteur

J’ai trouvé un moyen de créer un conteneur div pour occuper au moins la hauteur totale d’une page, en définissant min-height: 100%; . Cependant, lorsque j’ajoute un div nested et que je règle la height: 100%; , il ne s’étire pas à la hauteur du conteneur. Y a-t-il un moyen de le réparer? html, body […]

Séquence de caractères de nouvelle ligne dans la propriété CSS ‘content’?

Est-il possible d’utiliser un caractère de nouvelle ligne dans content propriété de content CSS pour forcer un saut de ligne? Quelque chose comme: figcaption:before { content: ‘Figure \n’ + attr(title); }

Quelle est la différence entre les classes CSS .foo.bar (sans espace) et .foo .bar (avec espace)

Duplication possible: Différence entre .classA.classB et .classA .classB en CSS? Pourriez-vous s’il vous plaît m’expliquer la différence entre ces deux classes de syntaxe CSS: .element .symbol {} et .element.large .symbol {} Je ne comprends pas la différence entre les deux. La première ligne indique deux classes différentes auxquelles sont appliqués les mêmes styles. Mais à […]

Désactiver la vérification orthographique Chrome / Safari par HTML / css

Est-il possible pour un développeur Web de désactiver la vérification orthographique de Chrome / Safari / WebKit sur input éléments d’ input ou de textarea particuliers? Je veux dire par atsortingbut de balise spécial ou par une instruction CSS propriétaire. Il y a une instruction CSS pour désactiver la description des input alors je pensais […]

Entrée CSS avec largeur: 100% va au-delà de la limite du parent

J’essaie de créer un formulaire de connexion constitué de deux champs de saisie avec un remplissage, mais ces deux champs finissent toujours par dépasser les limites de son parent; le problème provient du rembourrage encastré ajouté. Que pourrait-on faire pour corriger ce problème? Extrait JSFiddle: http://jsfiddle.net/4x2KP/ NB: Le code n’est peut-être pas le plus propre. […]

css overflow – seulement 1 ligne de texte

J’ai div avec le style css suivant: width:335px; float:left; overflow:hidden; padding-left:5px; Lorsque j’insère, dans cette div , une longue ligne de texte, celle-ci se divise en une nouvelle ligne et affiche tout le texte. Ce que je veux, c’est avoir une seule ligne de texte qui ne se cassera pas. Lorsque le texte est long, […]