Espaçamento lógico em linha
Use margens lógicas em linha para um campo em vez de esquerda e direita físicas.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}- Modelos
- Configure um endpoint compatível com OpenAI ou Anthropic com a URL base e uma chave API, quando necessária. Teste a conexão. O servidor local precisa estar em execução; ferramentas remotas podem transmitir dados separadamente.
- Projeto
- Verifique escrita horizontal e vertical nas duas direções, mantendo o espaçamento do eixo de bloco.
- Revise antes de aplicar
- Compare o comportamento real com o resultado esperado. Se uma verificação falhar, investigue a causa antes de fazer outras alterações.
.field {
margin-inline-start: 20px;
margin-inline-end: 5px;
}Faça a intenção do layout sobreviver à mudança de direção de leitura
Um espaçamento que parece correto em uma direção de leitura pode colocar um campo no lugar errado quando a interface muda de idioma. InlineCedar é um ambiente de programação com IA para Windows onde você pode transformar esse problema visual em uma tarefa CSS específica. Identifique o componente e descreva qual espaço pertence antes ou depois do conteúdo; depois peça ao assistente que examine as regras que o controlam atualmente.
O exemplo de espaçamento lógico no eixo em linha oferece uma forma de discutir essa intenção no seu projeto. Você pode solicitar uma substituição pontual de margens físicas onde o layout realmente acompanha a direção do texto. Revise seletores e sobrescritas ao redor antes de aplicar a mudança e verifique o componente nas duas direções. O resultado útil é uma decisão de layout examinada, com resultados observáveis, em vez de uma substituição mecânica de toda propriedade esquerda e direita.
Conecte um endpoint suportado compatível com OpenAI ou da Anthropic e forneça credenciais quando necessário. A escolha de IA com mecanismos de recusa removidos se refere à seleção de um modelo disponível; as políticas do provedor e os limites de contexto e ferramentas do servidor continuam valendo. Revise o CSS sugerido, execute as verificações existentes e examine telas representativas em larguras diferentes. Se usar um servidor de modelo local separado, lembre-se de que outras ferramentas conectadas não são necessariamente locais.
Decisões para uma mudança de layout direcional
- Toda propriedade esquerda ou direita deve virar uma propriedade lógica?
Não. Determine se o espaçamento segue a direção de leitura ou permanece intencionalmente em um lado físico. Examine o propósito de cada componente e o layout ao redor. Uma substituição indiscriminada pode mudar elementos cuja posição deveria permanecer fixa entre direções de idiomas.
- Quais telas devo examinar após mudar uma regra compartilhada de campo?
Verifique os formulários e componentes que herdam a regra, incluindo layouts estreitos e ambas as direções de texto. Procure sobrescritas que alterem o resultado. Compare o espaçamento visível com a intenção declarada na solicitação, não apenas com a declaração editada.
- InlineCedar pode me dizer que um layout passou na revisão visual?
Uma explicação de código não é evidência visual. Execute o aplicativo e examine você mesmo os estados afetados, usando as verificações do projeto quando aplicáveis. Registre qualquer divergência entre o CSS proposto e o resultado renderizado antes de pedir outra mudança.
- Qual contexto deve acompanhar uma captura de tela do espaçamento?
Forneça a marcação e o CSS relevantes do componente, a área de visualização e a direção de leitura. Descreva a relação esperada entre os elementos. O contexto do código permite ao assistente discutir uma implementação focada em vez de adivinhar qual seletor produziu a captura.
InlineCedar · Atualizado 2026-10-25