corporación el rosado
Cuando no establezco la visualización se pone por defecto en inline, lo que significa que ya no puedo establecer el ancho o el alto. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla hace que el elemento se reduzca a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.
el rosado iniciar sesión
Tengo este <span>¿Cómo te llamas?</span> en el que me gustaría seleccionar el input[@placeholder=’Insira sua resposta’] (ver HTML de abajo) pero no sé cómo llegar desde el span hasta ahí. No he podido retroceder desde el span hasta el padre superior compartido del span y el input. Lo he intentado: //div[@class=»office-form-question-content office-form-theme-focus-border»]/*/span[.=»¿Cuál es tu nombre?»]’ pero devuelve null. He intentado volver de span a div superior mediante //span[.=»¿Cómo te llamas?»]/../*/div[@class=»office-form-question-content office-form-theme-focus-border»]’ tampoco funciona. ¿Cómo puedo hacerlo?
Es muy posible que haya una forma más rápida y sencilla de hacerlo, pero yo aprendí XPath en los malos tiempos de la versión 1.0, así que eso es lo que sé. En el XPath de abajo estoy obteniendo el span con el contenido, usando el eje ancestro para subir al div contenedor, y luego descendiendo de nuevo a la entrada. El document.evaluate y el iterateNext es sólo para demostrar que funciona.
var input = document.evaluate(`//span[text() = «¿Cuál es tu nombre?»]/ancestor::div[@class=»office-form-question-content office-form-theme-focus-border»]//input[@class=»office-form-question-textbox office-form-textfield-input form-control border-no-radius»]`, document, null, XPathResult.ANY_TYPE, null );
el rosado en español
La Comunidad Treehouse es un lugar de encuentro para desarrolladores, diseñadores y programadores de todos los orígenes y niveles de habilidad para obtener apoyo. Colabora aquí con errores de código o bugs sobre los que necesites retroalimentación, o pidiendo un par de ojos extra en tu último proyecto. Únase a miles de estudiantes y ex alumnos de Treehouse en la comunidad hoy. (Nota: Sólo los estudiantes de Treehouse pueden comentar o hacer preguntas, pero los no estudiantes son bienvenidos a navegar por nuestras conversaciones).
El lago Tahoe es una de las atracciones más <span>impresionantes</span> situadas en California. Alberga varias estaciones de esquí, actividades recreativas al aire libre en verano y atracciones turísticas. La nieve y el esquí son una parte importante de la reputación de la zona.
ya casi está… añada esto a su archivo html… Estás tratando de dar estilo a una clase que no existe en tu documento html y por eso está saliendo mal… en el mundo real, al navegador probablemente no le importaría…
No pude averiguar por qué mi respuesta no estaba funcionando, revisando el video varias veces y comprobado MDN y W3 en busca de ayuda. Finalmente descubrí que era mi HTML el que era incorrecto, no mi CSS. Esta es la respuesta correcta de HTML y CSS que finalmente funcionó.
mi comisariato trabaja con nosotros
La Comunidad Treehouse es un lugar de encuentro para desarrolladores, diseñadores y programadores de todos los orígenes y niveles de habilidad para obtener apoyo. Colabora aquí con errores de código o bugs sobre los que necesites retroalimentación, o pidiendo un par de ojos extra en tu último proyecto. Únase a miles de estudiantes y ex alumnos de Treehouse en la comunidad hoy. (Nota: Sólo los estudiantes de Treehouse pueden comentar o hacer preguntas, pero los no estudiantes son bienvenidos a navegar por nuestras conversaciones).
El lago Tahoe es una de las atracciones más <span>impresionantes</span> situadas en California. Alberga varias estaciones de esquí, actividades recreativas al aire libre en verano y atracciones turísticas. La nieve y el esquí son una parte importante de la reputación de la zona.
ya casi está… añada esto a su archivo html… Estás tratando de dar estilo a una clase que no existe en tu documento html y por eso está saliendo mal… en el mundo real, al navegador probablemente no le importaría…
No pude averiguar por qué mi respuesta no estaba funcionando, revisando el video varias veces y comprobado MDN y W3 en busca de ayuda. Finalmente descubrí que era mi HTML el que era incorrecto, no mi CSS. Esta es la respuesta correcta de HTML y CSS que finalmente funcionó.
