Logiczne odstępy w osi tekstu
Użyj logicznych marginesów w osi tekstu zamiast fizycznego lewego i prawego marginesu pola.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modele
- Dodaj endpoint zgodny z OpenAI lub Anthropic, podając bazowy URL i klucz API, jeśli jest wymagany. Sprawdź połączenie. Lokalny serwer modelu musi działać; zdalne narzędzia mogą przesyłać dane oddzielnie.
- Projekt
- Sprawdź zapis poziomy i pionowy w obu kierunkach, zachowując odstępy w osi blokowej.
- Sprawdź przed zastosowaniem
- Porównaj rzeczywiste zachowanie z oczekiwanym wynikiem. Jeśli sprawdzenie się nie powiedzie, wyjaśnij przyczynę przed kolejnymi zmianami.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Zachowaj zamierzony układ po zmianie kierunku czytania
Odstępy wyglądające poprawnie w jednym kierunku czytania mogą umieścić pole w złym miejscu po zmianie języka interfejsu. InlineCedar to środowisko programistyczne AI dla Windows, w którym możesz przekuć ten problem wizualny w konkretne zadanie CSS. Wskaż komponent i opisz, jaka przestrzeń należy przed jego treścią lub za nią, następnie poproś asystenta o sprawdzenie reguł, które obecnie nią sterują.
Przykład logicznych odstępów w osi tekstu pozwala omówić ten zamiar we własnym projekcie. Możesz poprosić o celową zamianę fizycznych marginesów tam, gdzie układ rzeczywiście podąża za kierunkiem tekstu. Przed zastosowaniem zmiany sprawdź otaczające selektory i nadpisania oraz przetestuj komponent w obu kierunkach. Użytecznym wynikiem jest sprawdzona decyzja układu z obserwowalnymi efektami, a nie mechaniczna zamiana każdej właściwości lewej i prawej strony.
Podłącz obsługiwany punkt końcowy zgodny z OpenAI lub Anthropic i podaj dane uwierzytelniające w razie potrzeby. Wybór AI po ablacji mechanizmów odmowy oznacza wybór dostępnego modelu; nadal obowiązują zasady dostawcy oraz limity kontekstu i narzędzi serwera. Oceń sugerowany CSS, uruchom istniejące kontrole i sprawdź reprezentatywne ekrany przy różnych szerokościach. Jeśli używasz osobnego lokalnego serwera modelu, pamiętaj, że inne podłączone narzędzia niekoniecznie są lokalne.
Decyzje przy zmianie układu zależnego od kierunku tekstu
- Czy każdą właściwość lewej lub prawej strony zastąpić logiczną?
Nie. Ustal, czy odstęp podąża za kierunkiem czytania, czy celowo pozostaje po fizycznej stronie. Sprawdź cel każdego komponentu i otaczający układ. Masowa zamiana może zmienić elementy, których położenie powinno pozostać stałe między kierunkami języków.
- Jakie ekrany sprawdzić po zmianie wspólnej reguły pola?
Sprawdź formularze i komponenty dziedziczące regułę, w tym wąskie układy i oba kierunki tekstu. Szukaj nadpisań zmieniających wynik. Porównaj widoczne odstępy z zamiarem opisanym w prośbie, nie tylko ze zmienioną deklaracją.
- Czy InlineCedar może stwierdzić, że układ przeszedł ocenę wizualną?
Wyjaśnienie kodu nie jest dowodem wizualnym. Uruchom aplikację i samodzielnie sprawdź zmienione stany, korzystając z kontroli projektu tam, gdzie są właściwe. Zapisz rozbieżności między proponowanym CSS a renderowanym wynikiem przed zleceniem kolejnej zmiany.
- Jaki kontekst dołączyć do zrzutu ekranu z odstępami?
Podaj odpowiedni kod struktury komponentu i CSS, rozmiar obszaru widoku oraz kierunek czytania. Opisz oczekiwaną relację między elementami. Kontekst źródłowy pozwala asystentowi omawiać ukierunkowaną implementację zamiast zgadywać, który selektor dał obraz ze zrzutu.
InlineCedar · Zaktualizowano 2026-10-25