Spațiere logică în linie
Folosiți margini logice în linie în locul marginilor fizice stânga și dreapta ale unui câmp.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modele
- Configurează un endpoint compatibil OpenAI sau Anthropic cu URL-ul de bază și cheia API, dacă este necesară. Testează conexiunea. Serverul local trebuie să ruleze; instrumentele externe pot transmite date separat.
- Proiect
- Verificați scrierea orizontală și verticală în ambele direcții păstrând spațierea axei de bloc.
- Verifică înainte de aplicare
- Compară comportamentul real cu rezultatul așteptat. Dacă o verificare eșuează, cercetează cauza înainte de alte modificări.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Păstrați intenția dispunerii când se schimbă direcția de citire
Spațierea corectă într-o direcție de citire poate plasa greșit un câmp când interfața schimbă limba. InlineCedar este un spațiu de programare cu IA pentru Windows în care puteți transforma acea problemă vizuală într-o sarcină CSS specifică. Identificați componenta și descrieți ce spațiu aparține înainte sau după conținutul său, apoi cereți asistentului să examineze regulile care îl controlează în prezent.
Exemplul spațierii logice pe axa inline oferă o modalitate de a discuta acea intenție în propriul proiect. Puteți cere înlocuirea țintită a marginilor fizice acolo unde dispunerea urmează într-adevăr direcția textului. Verificați selectorii și suprascrierile din jur înainte de aplicare și examinați componenta în ambele direcții. Rezultatul util este o decizie de dispunere verificată, cu rezultate observabile, nu înlocuirea mecanică a tuturor proprietăților stânga și dreapta.
Conectați un endpoint acceptat compatibil cu OpenAI sau Anthropic și furnizați acreditări când sunt necesare. Alegerea IA cu mecanismele de refuz eliminate se referă la selectarea unui model disponibil; politicile furnizorului și limitele contextului și instrumentelor serverului se aplică în continuare. Verificați CSS-ul sugerat, rulați verificările existente și examinați ecrane reprezentative la lățimi diferite. Dacă folosiți un server local separat de modele, rețineți că celelalte instrumente conectate nu sunt neapărat locale.
Decizii pentru modificarea unei dispuneri direcționale
- Ar trebui fiecare proprietate stânga sau dreapta să devină o proprietate logică?
Nu. Stabiliți dacă spațierea urmează direcția de citire sau rămâne intenționat pe o latură fizică. Examinați scopul fiecărei componente și dispunerea din jur. O înlocuire generală poate modifica elemente a căror poziție trebuie să rămână fixă indiferent de direcția limbii.
- Ce ecrane ar trebui să examinez după schimbarea unei reguli comune pentru câmpuri?
Verificați formularele și componentele care moștenesc regula, inclusiv dispunerile înguste și ambele direcții ale textului. Căutați suprascrieri care schimbă rezultatul. Comparați spațierea vizibilă cu intenția din cerere, nu doar cu declarația editată.
- Poate InlineCedar să-mi spună că o dispunere a trecut verificarea vizuală?
O explicație a codului nu este dovadă vizuală. Rulați aplicația și examinați personal stările afectate, folosind verificările proiectului unde se aplică. Notați orice diferență dintre CSS-ul propus și rezultatul randat înainte de a cere altă modificare.
- Ce context trebuie să însoțească o captură a spațierii?
Furnizați marcajul și CSS-ul componentei relevante, dimensiunea zonei vizibile și direcția de citire. Descrieți relația așteptată între elemente. Contextul sursă permite asistentului să discute o implementare concentrată, fără a ghici selectorul care a produs captura.
InlineCedar · Actualizat 2026-10-25