Espacement logique en ligne
Utilisez des marges logiques en ligne pour un champ plutôt que gauche et droite physiques.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modèles
- Configurez un endpoint compatible OpenAI ou Anthropic avec son URL de base et une clé API si nécessaire. Testez la connexion. Un serveur local doit fonctionner ; les outils distants peuvent transmettre des données séparément.
- Projet
- Vérifiez l’écriture horizontale et verticale dans les deux directions tout en conservant l’espacement de l’axe de bloc.
- Vérifiez avant d’appliquer
- Comparez le comportement observé au résultat attendu. Si une vérification échoue, cherchez la cause avant de poursuivre les modifications.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Préservez l’intention de mise en page lors d’un changement de sens de lecture
Un espacement correct dans un sens de lecture peut mal placer un champ lorsque l’interface change de langue. InlineCedar est un espace de programmation avec IA sous Windows où transformer ce problème visuel en tâche CSS précise. Identifiez le composant et décrivez l’espace qui doit précéder ou suivre son contenu, puis demandez à l’assistant d’examiner les règles qui le contrôlent actuellement.
L’exemple d’espacement logique sur l’axe en ligne permet de discuter de cette intention dans votre projet. Vous pouvez demander un remplacement ciblé des marges physiques lorsque la disposition suit réellement le sens du texte. Examinez les sélecteurs et surcharges environnants avant d’appliquer la modification, et vérifiez le composant dans les deux sens. Le résultat utile est une décision de mise en page examinée avec des effets observables, plutôt qu’un remplacement mécanique de toutes les propriétés gauche et droite.
Connectez un point de terminaison compatible OpenAI ou Anthropic pris en charge et fournissez les identifiants nécessaires. Le choix d’IA aux mécanismes de refus atténués désigne la sélection d’un modèle disponible ; les politiques de son fournisseur et les limites de contexte et d’outils du serveur restent applicables. Examinez le CSS suggéré, exécutez les vérifications existantes et inspectez des écrans représentatifs à différentes largeurs. Si vous utilisez un serveur de modèle local distinct, rappelez-vous que les autres outils connectés ne sont pas nécessairement locaux.
Décisions pour modifier une mise en page directionnelle
- Faut-il convertir toute propriété gauche ou droite en propriété logique ?
Non. Déterminez si l’espacement suit le sens de lecture ou reste volontairement sur un côté physique. Examinez le rôle de chaque composant et la disposition environnante. Un remplacement global peut modifier des éléments dont la position doit rester fixe entre les sens de lecture.
- Quels écrans examiner après modification d’une règle de champ partagée ?
Vérifiez les formulaires et composants héritant de la règle, y compris les dispositions étroites et les deux sens du texte. Recherchez les surcharges modifiant le résultat. Comparez l’espacement visible à l’intention de votre demande, pas seulement à la déclaration modifiée.
- InlineCedar peut-il confirmer qu’une mise en page a passé l’examen visuel ?
Une explication de code n’est pas une preuve visuelle. Exécutez votre application et inspectez vous-même les états concernés, en utilisant les vérifications du projet lorsqu’elles s’appliquent. Notez tout écart entre le CSS proposé et le rendu avant de demander un autre changement.
- Quel contexte joindre à une capture d’espacement ?
Fournissez le balisage et le CSS du composant pertinent, la zone d’affichage et le sens de lecture. Décrivez la relation attendue entre les éléments. Ce contexte source permet une discussion ciblée sur l’implémentation plutôt que des suppositions sur le sélecteur à l’origine de la capture.
InlineCedar · Mis à jour 2026-10-25