Spaziatura logica in linea
Usa margini logici in linea per un campo anziché sinistra e destra fisiche.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modelli
- Configura un endpoint compatibile con OpenAI o Anthropic usando URL di base e chiave API, se necessaria. Prova la connessione. Il server locale deve essere in esecuzione; gli strumenti remoti possono trasmettere dati separatamente.
- Progetto
- Controlla scrittura orizzontale e verticale in entrambe le direzioni mantenendo la spaziatura dell’asse di blocco.
- Controlla prima di applicare
- Confronta il comportamento effettivo con il risultato atteso. Se una verifica fallisce, indaga la causa prima di altre modifiche.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Fai sopravvivere l'intento del layout al cambio di direzione di lettura
Una spaziatura corretta in una direzione di lettura può collocare un campo nel punto sbagliato quando l'interfaccia cambia lingua. InlineCedar è un ambiente di programmazione con IA per Windows in cui trasformare quel problema visivo in un'attività CSS specifica. Identifica il componente e descrivi quale spazio deve precedere o seguire il suo contenuto, poi chiedi all'assistente di esaminare le regole che attualmente lo controllano.
L'esempio di spaziatura logica sull'asse inline offre un modo per discutere quell'intento nel tuo progetto. Potresti richiedere una sostituzione mirata dei margini fisici dove il layout segue davvero la direzione del testo. Esamina selettori circostanti e regole di sovrascrittura prima di applicare la modifica, poi controlla il componente in entrambe le direzioni. Il risultato utile è una decisione di layout esaminata con esiti osservabili, non una sostituzione meccanica di ogni proprietà sinistra e destra.
Collega un endpoint supportato compatibile con OpenAI o Anthropic e fornisci credenziali quando necessario. La scelta di IA abliterata si riferisce alla selezione di un modello disponibile; continuano ad applicarsi le regole del fornitore e i limiti del server relativi a contesto e strumenti. Esamina il CSS suggerito, esegui i controlli esistenti e osserva schermate rappresentative a larghezze diverse. Se usi un server di modelli locale separato, ricorda che gli altri strumenti collegati non sono necessariamente locali.
Decisioni per modificare un layout direzionale
- Ogni proprietà sinistra o destra dovrebbe diventare una proprietà logica?
No. Determina se la spaziatura segue la direzione di lettura o rimane intenzionalmente su un lato fisico. Esamina lo scopo di ogni componente e il layout circostante. Una sostituzione indiscriminata può cambiare elementi la cui posizione dovrebbe restare fissa tra lingue con direzioni diverse.
- Quali schermate devo esaminare dopo aver cambiato una regola condivisa dei campi?
Controlla i moduli e i componenti che ereditano la regola, inclusi layout stretti ed entrambe le direzioni del testo. Cerca regole di sovrascrittura che alterano il risultato. Confronta la spaziatura visibile con l'intento dichiarato nella richiesta, non soltanto con la dichiarazione modificata.
- InlineCedar può dirmi che un layout ha superato la revisione visiva?
Una spiegazione del codice non è una prova visiva. Esegui l'applicazione ed esamina personalmente gli stati interessati, usando i controlli del progetto dove applicabili. Registra ogni discrepanza tra il CSS proposto e il risultato renderizzato prima di richiedere un'altra modifica.
- Quale contesto dovrebbe accompagnare uno screenshot della spaziatura?
Fornisci il markup e il CSS del componente pertinente, le dimensioni dell'area di visualizzazione e la direzione di lettura. Descrivi la relazione attesa tra gli elementi. Il contesto sorgente permette all'assistente di discutere un'implementazione mirata invece di indovinare quale selettore abbia prodotto lo screenshot.
InlineCedar · Aggiornato 2026-10-25