Preguntas etiquetadas con css

Tengo divcon el siguiente estilo CSS: width:335px; float:left; overflow:hidden; padding-left:5px; Cuando inserto, en eso div, una larga línea de texto, se está rompiendo en una nueva línea y muestra todo el texto. Lo que quiero es tener solo una línea de texto que no se rompa. Cuando el texto es …

134 html  css  overflow 

Quiero colocar un elemento <div>(o un <table>) en el centro de la pantalla independientemente del tamaño de la pantalla. En otras palabras, el espacio dejado en 'arriba' e 'fondo' debería ser igual y el espacio dejado en los lados 'derecho' e 'izquierdo' debería ser igual. Me gustaría lograr esto solo …

134 javascript  css  html 

Podemos establecer una imagen como imagen de fondo de un me <div>gusta: <style> #test { background-image: url(./images/grad.gif); background-repeat: no-repeat; background-position: center center; width:80%; margin-left:10%; height:200px; background-color:blue; } </style> <div id="test"></div> Necesito poner una mesa en el centro de una <div>horizontal y vertical. ¿Existe una solución de navegador cruzado CSS?

134 css 

Necesito implementar un diseño de mampostería bastante descuidado. Sin embargo, por varias razones, no quiero usar JavaScript para hacerlo. Parámetros: Todos los elementos tienen el mismo ancho. Los elementos tienen una altura que no se puede calcular del lado del servidor (una imagen más varias cantidades de texto) Puedo vivir …

134 html  css  flexbox  css-grid 

Estoy usando Bootstrap 4 alpha 2 y aprovechándome de las cartas. Específicamente, estoy trabajando con este ejemplo tomado de los documentos oficiales. ¿Cómo puedo hacer que todas las tarjetas tengan la misma altura? Todo lo que puedo pensar ahora es establecer la siguiente regla CSS: .card { min-height: 200px; } …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Ya vi esta publicación y probé todo lo que pude para cambiar el relleno de mi marcador de posición, pero por desgracia, parece que simplemente no quiere cooperar. De todos modos, aquí está el código para el CSS. ( EDITAR : Este es el CSS generado a partir de sass) …

133 html  google-chrome  webkit  css 

¿Puedo estirar texto en CSS? No quiero que la fuente sea más grande, porque eso hace que parezca más audaz que el texto más pequeño al lado. Solo quiero estirar el texto verticalmente para que se deforme. Esto estaría en un div, y luego el texto normal al lado estaría …

133 css 

Estoy usando @font-facepor primera vez y descargué un kit de fuentes de fontsquirrel El código que recomiendan insertar en mi CSS es: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Ahora, la cara sonriente me tiene perplejo. Pero también lo hace el número …

133 css  font-face 

line-height: 1.428571429; ¿Por qué Bootstrap estableceline-height este valor? ( Algunos temas lo redondean a 1.42857143.)

133 twitter-bootstrap  css 

Esto parece un problema trivial, pero no puedo resolverlo. En el sitio web propio de Bootstraps tienen el ejemplo Seleccionar. Al mirar el código, parece que hay un radio de borde de 4 en ese elemento seleccionado. Espero que cambiar ese radio de borde a 0 elimine el radio de …

133 css  twitter-bootstrap 

¿Qué significa la barra oblicua aquí: font: 100%/120%;

133 html  css  size 

Estoy tratando de cambiar el CSS usando jQuery: $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento ¿Que me estoy perdiendo aqui?

133 javascript  jquery  css 

¿Hay alguna diferencia funcional entre el CSS 2.1 :aftery los ::afterpseudo-selectores CSS 3 (aparte de que ::afterno es compatible con navegadores antiguos)? ¿Hay alguna razón práctica para usar la nueva especificación?

133 css  css-selectors  pseudo-element  pseudo-class 

Cuál es una buena manera de superar el hecho desafortunado de que este código no funcionará como se desea: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> En un mundo perfecto, todos los inputs requeridos obtendrían el pequeño asterisco que indica que el campo es …

133 css  forms  validation  standards 

El iPhone 5 tiene una pantalla más larga y no capta la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de diseño receptivo para el iPhone 5 y puedo combinarlas con las consultas existentes de iPhone? Mi consulta de medios actual es esta: @media only screen and …

132 iphone  css  responsive-design  media-queries  iphone-5