«css» etiketlenmiş sorular

Bu CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Aşağıdaki daireyi nasıl üretiyor? Bir dikdörtgen genişliği 180 piksel ve yüksekliği 180 piksel ise, şöyle görünür: Sınır yarıçapı 30 piksel uygulandıktan sonra şu şekilde görünecektir: Dikdörtgen küçülüyor, yani yarıçap boyutu arttığında neredeyse kaybolacak. Peki, 180 …

206 html  css  css-shapes 

style=display:"block"JQuery'de bir öğeye nasıl eklenir ?

206 javascript  jquery  html  css 

Bir öğedeki ayarın ortalamak margin: 0 auto;için kullanıldığını biliyorum (sol-sağ). Bununla birlikte, elementin ve ebeveyninin otomatik marjın çalışması için belirli kriterleri karşılaması gerektiğini biliyorum ve sihri asla doğru şekilde göremiyorum. Yani sorum basit: margin: 0 auto;çocuğu sol-sağ ortalamak için bir öğe ve üst öğesi üzerinde hangi CSS özelliklerinin ayarlanması gerekiyor …

206 css 

Diyelim ki " Büyük izmaritleri severim ve yalan söyleyemem " bir dizem var ve onu kestim overflow:hidden, bu yüzden şöyle bir şey gösteriyor: Büyük izmaritleri severim ve yapamam metni kesme. Bunu şu şekilde görüntülemek mümkün mü: Büyük izmaritleri severim ve yapamam ... CSS mi kullanıyorsunuz?

206 html  css 

Sayfamda ellipsisstille birlikte dinamik veriler içeren bir açıklık var . .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; Bu öğeye aynı içeriğe sahip araç ipucuna eklemek istiyorum, ancak yalnızca içerik uzun olduğunda ve üç nokta ekranda belirdiğinde görünmesini istiyorum. Bunu yapmanın …

206 javascript  html  css  tooltip  ellipsis 

HTML listeleri ve CSS kullanarak yatay bir menü oluşturdum. Bağlantıların üzerine geldiğinizde her şey olması gerektiği gibi çalışır. Görüyorsunuz, bağlantılar için kalın bir gezinme durumu oluşturdum ve şimdi kalın boyut farkı nedeniyle menü bağlantıları değişiyor. Bu SitePoint gönderisiyle aynı sorunla karşılaşıyorum . Bununla birlikte, yazı uygun bir çözüme sahip değildir. …

206 html  css  hover  text-size 

Şu anda tarayıcı genişliği 768 pikselin altına düştüğünde, gezinme çubuğu daraltılmış moda dönüşür. Bu genişliği 1000 piksel olarak değiştirmek istiyorum, böylece tarayıcı 1000 pikselin altında olduğunda navbar daraltılmış moda dönüşür. Bunu LESS kullanmadan yapmak istiyorum, LESS değil stylus kullanıyorum. Benim sorunum bu sorudakiyle aynı: Bootstrap 3 Navbar Collapse Ancak bu …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

Aşağıdaki CSS'de görebileceğiniz gibi, daha child2önce kendini konumlandırmak istiyorum child1. Bunun nedeni, şu anda geliştirdiğim sitenin, mobil cihazlarda child2içeriğin altında olmasını istediğim gezinmeyi içerdiği için, altta olması gereken mobil cihazlarda da çalışması gerektiğidir. - Neden 2 masterpage olmasın? Bu, divsHTML'nin tamamında yeniden konumlandırılan tek 2'dir , bu nedenle bu küçük …

205 html  css  position  master-pages  parent-child 

Aşağıdaki gibi bir gelen kutusu için kullanılan basit bir tablo var: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Genişliği, Başlangıç ​​ve Tarih sayfa genişliğinin% 15'i ve Konu% 70 olacak şekilde nasıl ayarlarım. Tablonun tüm sayfa genişliğini kaplamasını da istiyorum.

205 html  css  html-table 

Flexbox'ta yan yana 2 div var. Sağ el her zaman aynı genişlikte olmalı ve sol elin sadece kalan alanı kapmasını istiyorum. Ama özellikle genişliğini ayarlamadığım sürece olmaz. Şu anda, ekranı gerçekten ezene kadar Tamam görünen% 96'ya ayarlandı - o zaman sağdaki div ihtiyaç duyduğu alandan biraz açlık çekiyor. Sanırım olduğu …

205 html  css  flexbox 

İnternette erişilebilirlik konusunda farkındalık yaratan bir vakıf için çalışıyorum. Bir sunum için, insanlara farklı engelleri / bozuklukları simüle eden küçük bir atölye sunmak istiyoruz. Bu, özellikle bu sunum için oluşturulmuş bir web sitesi aracılığıyla yapılır. Gösterilen bozukluklardan biri titreme, titrek, kontrolü zor el hareketleri yaşamak anlamına geliyor. Bu bozulma ile …

204 javascript  html  css  accessibility  simulation 

Ben uzun süredir twitter bootstrap çerçevesini kullanıyorum ve son zamanlarda sürüm 3'e güncellendi! Ben alt yapışmasını yapışkan altbilgi alma konusunda sorun yaşıyorum, twitter bootstrap web sitesi tarafından sağlanan başlangıç ​​şablonu kullandım, ama yine de şans, herhangi bir fikir?

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

Kenar boşluğu daralmasını tamamen devre dışı bırakmanın bir yolu var mı? Bulduğum tek çözüm ("harmanlanmayan" adıyla), 1 piksel kenarlık veya 1 piksel dolgu kullanılmasını gerektiriyor. Bunu kabul edilemez buluyorum: yabancı piksel iyi bir sebep olmadan hesaplamaları zorlaştırıyor. Bu kenar boşluğu daralmasını devre dışı bırakmanın daha makul bir yolu var mı?

204 css  margin  collapse 

İşte benim HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Ürün adını (yani 'Product1', 'Product2' vb.) Kalın ve kategorilerini (yani Elektronik, Spor, vb.) Yalnızca CSS kullanarak italik yapmak istiyorum. HTML ve CSS kullanmanın mümkün olmadığını belirten eski bir soru buldum, ancak umarım şimdi bir çözüm …

204 html  css  drop-down-menu 

Bir stil çalıştı fieldsetile eleman display: flexve display: inline-flex. Ancak, işe yaramadı: flexgibi davrandı blockve inline-flexböyle davrandı inline-block. Bu hem Firefox hem de Chrome'da olur, ancak garip bir şekilde IE'de çalışır. Bu bir hata mı? Ne HTML5 ne de CSS Esnek Kutu Düzeni özellikleri fieldsetherhangi bir özel davranış olması gerektiğini …

204 html  css  flexbox