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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

25
Як змусити діву заповнити залишився горизонтальний простір?
У мене є 2 діви: один у лівій частині та один у правій частині моєї сторінки. Ліва сторона має фіксовану ширину, і я хочу, щоб правий бік заповнив простір, що залишився. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; …
419 html  css  width  responsive 
16
Як змусити перервати лінію довгим словом у DIV?
Гаразд, це нас справді бентежить. У мене є такий вміст у діві, як: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> Однак вміст переповнює DIV (як очікувалося), оскільки "слово" занадто довге. Як я можу змусити браузер "зламати" слово там, де необхідно, щоб вмістити весь вміст всередині?
417 html  css  line-breaks 
14
Розмір зображення CSS, як заповнити, а не розтягнути?
У мене є зображення, і я хочу встановити його конкретну ширину та висоту (у пікселях) Але якщо я встановлю ширину та висоту за допомогою css ( width:150px; height:100px), зображення буде розтягнуте, і воно може бути некрасивим. Як заповнити зображення до певного розміру за допомогою CSS, не розтягуючи його? Приклад заповнення …
415 css  image 
14
Поле дочірнього елемента переміщує батьківський елемент
У мене є div( батько ), який містить іншого div( дитина ). Батько - це перший елемент, в bodyякому немає конкретного стилю CSS. Коли я встановив .child { margin-top: 10px; } Кінцевим результатом є те, що верхня частина моєї дитини все ще вирівняна з батьком. Замість того, щоб дитина зміщувалася …
414 css  xhtml  margin  nested 
24
Як центрувати елемент горизонтально і вертикально
Я намагаюся сконцентрувати вміст своїх вкладок вертикально, але коли я додаю стиль CSS display:inline-flex, горизонтальне вирівнювання тексту зникає. Як я можу виконати обидві вирівнювання тексту x і y для кожної своєї вкладки? * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: …
408 html  css 
2
Виберіть усі дочірні елементи рекурсивно в CSS
Як ви можете обрати всі дочірні елементи рекурсивно? div.dropdown, div.dropdown > * { color: red; } Цей клас лише кидає клас на визначений className та всіх безпосередніх дітей. Як ви можете, простим способом, вибрати всі подібні дочірні доріжки: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * …
407 css  css-selectors 
18
Як ви отримуєте відображену висоту елемента?
Як ви отримуєте відображену висоту елемента? Скажімо, у вас є <div>елемент з деяким вмістом всередині. Цей вміст всередині буде розтягувати висоту <div>. Як ви отримуєте "візуалізовану" висоту, якщо ви чітко не встановили висоту. Очевидно, я намагався: var h = document.getElementById('someDiv').style.height; Чи є хитрість робити це? Я використовую jQuery, якщо це …
405 javascript  jquery  css  height 
16
Інструменти для вибіркового копіювання HTML + CSS + JS з існуючих сайтів [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 3 роки тому . Як і більшість веб-розробників, я час від часу люблю зазирнути до джерел веб-сайтів, щоб побачити, як будується їх …
8
Екран заморожування в хромованому налагоджувачі / панелі DevTools для перевірки потужністю?
Я використовую хромовий інспектор, щоб спробувати проаналізувати z-indexпотужність завантажувального завантажувача у Twitter, і вважаю це надзвичайно засмучуючим ... Чи є спосіб заморозити переїзд (поки показано), щоб я міг оцінити та змінити пов'язаний CSS? Якщо встановити фіксований "наведення" на пов'язане посилання, це не спричинить появу перенісся.
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.