Програмування css

7

У мене є divтакий стиль css: width:335px; float:left; overflow:hidden; padding-left:5px; Коли я вставляю в divце довгий рядок тексту, він переходить на новий рядок і відображає весь текст. Те, що я хочу, - це мати лише один рядок тексту, який не буде переривати рядки. Коли текст довгий, я хочу, щоб цей …

134 html css overflow

13

Розміщення елемента <div> в центрі екрана

Я хочу розмістити <div>(або а <table>) елемент в центрі екрана, незалежно від розміру екрана. Іншими словами, пробіл, розташований вгорі та внизу, повинен бути рівним, а ліворуч - на правій та лівій сторонах. Я хотів би досягти цього лише за допомогою CSS. Я спробував таке, але це не працює: <body> <div …

134 javascript css html

7

Як розташувати таблицю в центрі поділки по горизонталі та вертикалі

Ми можемо встановити зображення як фонове зображення <div>типу: <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> Мені потрібно встановити таблицю в центрі <div>горизонталі та вертикалі. Чи використовується рішення для крос-браузера CSS?

134 css

2

: після vs. :: після

Чи є якась функціональна різниця між CSS 2.1 :afterта псевдоселекторами CSS 3 ::after(крім того, що їх ::afterне підтримують у старих браузерах)? Чи є якісь практичні причини використовувати новішу специфікацію?

134 css css-selectors pseudo-element pseudo-class

2

Розкладка кладки лише для CSS

Мені потрібно реалізувати досить вибіркову кладку кладки. Однак з ряду причин я не хочу використовувати JavaScript для цього. Параметри: Всі елементи мають однакову ширину Елементи мають висоту, яку неможливо обчислити стороною сервера (зображення плюс різноманітна кількість тексту) Я можу жити з фіксованою кількістю стовпців, якщо доведеться є тривіальне рішення цієї …

134 html css flexbox css-grid

16

Як зробити Bootstrap 4 карт однакової висоти в стовпцях карт?

Я використовую Bootstrap 4 alpha 2 і використовую переваги на картах. Зокрема, я працюю з цим прикладом, взятим з офіційних документів. Як зробити так, щоб усі картки були однакової висоти? Дотепер я можу подумати - це встановити таке правило CSS: .card { min-height: 200px; } Але це лише важко закодоване …

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

14

Прошивка CSS-заповнювача HTML5

Я вже бачив цю публікацію і спробував усе, що міг, щоб змінити накладки для свого заповнювача, але на жаль, схоже, він просто не хоче співпрацювати. У всякому разі, ось код для css. ( EDIT : Це створений css від sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; …

133 html google-chrome webkit css

6

Чи можна розтягнути текст за допомогою CSS?

Чи можна розтягнути текст у CSS? Я не хочу, щоб шрифт був більшим, тому що він виглядає сміливішим, ніж менший текст поруч. Я просто хочу розтягнути текст вертикально, щоб він був деформованим. Це було б в одному діві, а тоді звичайний текст поруч із ним буде в іншому. Як я …

133 css

3

CSS @ font-face - що означає "src: local ('☺')"?

Я @font-faceвперше використовую і завантажив шрифт-комплект із fontsquirrel Код, який вони рекомендують вставити в мій CSS: @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'); } Тепер, смайлик з обличчям змусив мене. Але також велика кількість URL-адрес у src - чому вони рекомендують так багато …

133 css font-face

1

Чому Bootstrap встановлює властивість висоти лінії 1,428571429?

line-height: 1.428571429; Чому Bootstrap встановлюєline-height це значення? ( Деякі теми округляють її до 1.42857143.)

133 twitter-bootstrap css

6

Видаліть радіус межі з тегу Select у завантажувальному 3

Це здається тривіальною проблемою, але я не можу цього зрозуміти. На власному веб-сайті Bootstraps вони мають приклад Select. Якщо подивитися на код, схоже, на цьому елементі вибору є радіус межі 4. Я сподіваюся, що зміна цього радіуса кордону на 0 потім видалить радіус межі з елемента вибору, однак, це не …

133 css twitter-bootstrap

2

Розмір шрифту в CSS з косою рисою

Що означає коса риса: font: 100%/120%;

133 html css size

10

Як змінити CSS за допомогою jQuery?

Я намагаюся змінити CSS за допомогою 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> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Що я тут пропускаю?

133 javascript jquery css

15

Використовуйте CSS для автоматичного додавання зірочки "обов'язкове поле" для формування входів

Який хороший спосіб подолати нещасний факт, що цей код не спрацює як слід: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> У ідеальному світі всі необхідні inputs отримали б маленьку зірочку, яка вказує на необхідність поля. Це рішення неможливе, оскільки CSS вставляється після вмісту елемента, …

133 css forms validation standards

11

Мультимедійний запит iPhone 5 CSS

У iPhone 5 довший екран, і він не сприймає мобільний вигляд мого веб-сайту. Які нові запити на адаптивний дизайн для iPhone 5 і чи можна поєднувати з існуючими запитами iPhone? Мій поточний медіа-запит такий: @media only screen and (max-device-width: 480px) {}

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

Запитання з тегом «css»