Pertanyaan yang diberi tag «css»

Saya miliki divdengan gaya css berikut: width:335px; float:left; overflow:hidden; padding-left:5px; Ketika saya menyisipkan, ke dalam div, satu baris teks yang panjang, itu melanggar ke baris baru dan menampilkan semua teks. Yang saya inginkan adalah hanya memiliki satu baris teks yang tidak akan putus baris. Ketika teksnya panjang, saya ingin teks …

134 html  css  overflow 

Saya ingin menempatkan elemen <div>(atau a <table>) di tengah layar terlepas dari ukuran layar. Dengan kata lain, ruang kiri di 'atas' dan 'bawah' harus sama dan ruang kiri di sisi 'kanan' dan 'kiri' harus sama. Saya ingin menyelesaikan ini hanya dengan CSS. Saya sudah mencoba yang berikut tetapi tidak berhasil: …

134 javascript  css  html 

Kita dapat mengatur gambar sebagai gambar latar belakang <div>seperti: <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> Saya perlu mengatur meja di tengah secara <div>horizontal & vertikal. Apakah ada solusi lintas-browser yang digunakan CSS?

134 css 

Saya perlu menerapkan tata letak batu yang cukup run-off-the-mill. Namun, untuk sejumlah alasan saya tidak ingin menggunakan JavaScript untuk melakukannya. Parameter: Semua elemen memiliki lebar yang sama Elemen memiliki tinggi yang tidak dapat dihitung sisi server (gambar ditambah berbagai jumlah teks) Saya bisa hidup dengan jumlah kolom yang tetap jika …

134 html  css  flexbox  css-grid 

Saya menggunakan Bootstrap 4 alpha 2 dan memanfaatkan kartu. Secara khusus, saya sedang mengerjakan contoh ini diambil dari dokumen resmi. Bagaimana saya bisa membuat semua kartu memiliki tinggi yang sama? Yang bisa saya pikirkan sekarang adalah mengatur aturan CSS berikut: .card { min-height: 200px; } Tapi itu hanya solusi kode …

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

Saya telah melihat posting ini dan mencoba semua yang saya bisa untuk mengganti padding untuk placeholder saya tetapi sayangnya, sepertinya tidak mau bekerja sama. Bagaimanapun, ini adalah kode untuk css. ( EDIT : Ini adalah css yang dihasilkan dari sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; …

133 html  google-chrome  webkit  css 

Bisakah saya merentangkan teks dalam CSS? Saya tidak ingin font menjadi lebih besar, karena itu membuatnya tampak lebih berani daripada teks yang lebih kecil di sampingnya. Saya hanya ingin meregangkan teks secara vertikal sehingga agak cacat. Ini akan berada di satu div, dan kemudian teks normal di sampingnya akan di …

133 css 

Saya menggunakan @font-faceuntuk pertama kalinya dan mengunduh font-kit dari fontsquirrel Kode yang mereka sarankan untuk dimasukkan ke dalam CSS saya adalah: @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'); } Sekarang, wajah yang tersenyum membuatku bingung. Tetapi demikian juga jumlah url dalam src - …

133 css  font-face 

line-height: 1.428571429; Mengapa Bootstrap diaturline-height ke nilai ini? ( Beberapa tema membulatkannya menjadi 1,42857143.)

133 twitter-bootstrap  css 

Ini sepertinya masalah sepele, tapi saya tidak bisa mengatasinya. Di situs web Bootstraps sendiri mereka memiliki contoh Pilih. Melihat kode itu terlihat seperti ada batas-radius 4 pada elemen pilih itu. Harapan saya adalah bahwa mengubah batas-radius ke 0 akan menghapus radius perbatasan dari elemen pilih, namun, itu tidak terjadi - …

133 css  twitter-bootstrap 

Apa arti garis miring di sini: font: 100%/120%;

133 html  css  size 

Saya mencoba mengubah CSS menggunakan 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> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Apa yang kulewatkan di sini?

133 javascript  jquery  css 

Apakah ada perbedaan fungsional antara CSS 2.1 :afterdan ::afterpenyeleksi semu CSS 3 (selain ::aftertidak didukung di browser lama)? Apakah ada alasan praktis untuk menggunakan spesifikasi yang lebih baru?

133 css  css-selectors  pseudo-element  pseudo-class 

Apa cara yang baik untuk mengatasi fakta yang tidak menguntungkan bahwa kode ini tidak akan berfungsi seperti yang diinginkan: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> Di dunia yang sempurna, semua yang diperlukan inputakan mendapatkan tanda bintang kecil yang menunjukkan bahwa bidang tersebut diperlukan. …

133 css  forms  validation  standards 

IPhone 5 memiliki layar yang lebih panjang dan tidak menangkap tampilan seluler situs web saya. Apa permintaan desain responsif baru untuk iPhone 5 dan dapatkah saya menggabungkan dengan permintaan iPhone yang ada? Permintaan media saya saat ini adalah ini: @media only screen and (max-device-width: 480px) {}

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