«css» etiketlenmiş sorular

CSS tasarımı yaparken bir süredir merak ettiğim bir şey. CSS genişliklerinde ondalık basamaklara uyuluyor mu? Yoksa yuvarlak mı? .percentage { width: 49.5%; } veya .pixel { width: 122.5px; }

225 html  css 

Şu anda var: #div { position: relative; height: 510px; overflow-y: scroll; } Ancak, bazı kullanıcılar için daha fazla içerik olduğu açıktır. Div'imin aslında çok daha fazla içerik içerdiğini bilmeden sayfayı aşağı kaydırabilirler. 510px yüksekliğini kullanıyorum, böylece bazı sayfaları kesiyor, böylece bazı sayfalarda daha fazla içerik var gibi görünüyor, ancak bu …

225 css  macos  scroll  overflow 

Bununla ilgili sorular ve makaleler vardı, ancak söyleyebildiğim kadarıyla kesin bir şey yok. Bulabildiğim en iyi özet flex-based , başka bir şey hesaplanmadan önce öğenin başlangıç ​​/ başlangıç ​​boyutunu belirlemenizi sağlar. Bir yüzde veya mutlak bir değer olabilir. ... kendi içinde esnek temelli setlerin davranışları hakkında fazla bir şey söylemiyor …

224 css  flexbox  width 

Sadece 300 piksel büyüklüğünde bir div var ve sayfa yüklendiğinde içeriğin altına kaydırmak istiyorum. Bu div, dinamik olarak eklenmiş içeriğe sahiptir ve aşağı kaydırılmaya devam etmelidir. Eğer kullanıcı yukarı kaydırmaya karar verirse, kullanıcı tekrar aşağı kaydırıncaya kadar aşağıya atlamasını istemiyorum. Kullanıcı yukarı kaydırmadıkça ve kullanıcı tekrar aşağıya kaydırdığında altta kaydırılacak …

224 javascript  jquery  html  css  scroll 

Bir sayfa yazdırmaya çalışıyorum. Bu sayfada bir tabloya arka plan rengi verdim. Chrome'da baskı önizlemesini görüntülediğimde arka plan rengi özelliğini almıyor ... Bu özelliği denedim: -webkit-print-color-adjust: exact; ama yine de rengi göstermiyor. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: …

223 google-chrome  css  printing  webkit 

Bir web sayfasında görüntülemek için böyle bir şekli nasıl oluştururum? Ölçeklendirmede bulanıklaşacakları için görüntüleri kullanmak istemiyorum CSS ile denedim : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Kod snippet'ini çalıştırHide resultsSnippet'i genişlet Bu …

223 html  css  svg  css-shapes 

Fred ile tanışın. O bir masa: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> Fred'in dairesinde garip bir boyut değiştirme alışkanlığı var, bu yüzden diğer tüm birimleri itip Bayan Whitford'un oturma odasını unutulmayacak şekilde içeriğinin bir kısmını gizlemeyi öğrendi: <table border="1" style="width: 100%; …

223 html  css  overflow  tablelayout 

Yan yana iki div yerleştirmek ve bunun için aşağıdaki CSS kullanarak çalışıyorum. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML basittir, bir sarıcı div içinde iki sol ve sağ div. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> StackOverflow ve …

222 css  html  fluid-layout  fluid 

Düğmelerimi yarıçap, renkler ve kenarlıklar kullanarak CSS ile şekillendirirsem iyi görünüyorlar, ancak iphone / ipad / ipod'da korkunç görünüyorlar ... Safari Masaüstü'ndeki ile aynı render olmamalı?

222 iphone  css  ipad  mobile-safari  mobile-webkit 

Bir HTML kullanıyorum <table>ve metnini <td>her hücrenin ortasına hizalamak istiyorum . Metni yatay ve dikey olarak nasıl hizalayabilirim?

222 html  css 

HTML'de tire (yani - veya - –veya - —) ile liste stili oluşturmanın bir yolu var mı? <ul> <li>abc</li> </ul> çıktısı: - abc Bu li:before { content: "-" };seçeneğin eksilerini bilmiyor olsam da (ve geri bildirim için çok zorlanırım) bunu böyle bir şeyle yapmak bana geldi . Daha genel olarak, …

222 html  css  xhtml  html-lists 

Ne arasındaki fark var <div class="">ve <div id="">ne zaman CSS geliyor? Kullanmak uygun <div id="">mu? Farklı geliştiricilerin bunu her iki şekilde de yaptıklarını görüyorum ve kendi kendime öğrettiğim için bunu gerçekten anlayamadım.

222 html  css  class  id 

Sadece gölge veya görüntü olmadan sol ve sağ (yatay?) Taraflarda kutu gölgesi almanın herhangi bir yolu. Ben kullanıyorum: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); Ama her yere gölge veriyor. Elemanlar etrafında sınırım yok.

222 html  css 

İçeriğimi bootstrap navbar'ında ortalamakta sorun yaşıyorum. Bootstrap 3 kullanıyorum. Birçok yazı okudum, ancak kullanılan CSS veya yöntemler kodumla çalışmayacak! Gerçekten sinirliyim, bu yüzden bu benim son seçeneğim gibi. Herhangi bir yardım mutluluk duyacağız! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link …

221 css  twitter-bootstrap  navbar 

Sorun Ben <select>burada onun <option>metin değerlerinden biri çok uzun. <select>Görüntülenen metnini kesmek zorunda olsa bile yeniden boyutlandırılmasını istiyorum . max-width: 100%bunu yapmalı. Yeniden boyutlandırmadan önce: Yeniden boyutlandırdıktan sonra ne istiyorum: Ancak bu jsFiddle örneğini yüklerseniz ve Sonuç panelinin genişliğinden daha küçük olacak şekilde yeniden boyutlandırırsanız, içindeki seçimin genişliğini küçültemediğini<select> görebilirsiniz …

221 html  width  fieldset  css