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

У мене є приклад коду нижче. Це чудово працює з усіма браузерами, крім браузерів на мобільних пристроях. Тема переповнення - проблема. Працює з усіма, крім мобільних: margin: 0; padding: 0; height: 100%; overflow: hidden; Працює з усіма мобільними, а не комп'ютерами: margin: 0; padding: 0; height: 100%; Який найкращий спосіб …

97 html  css  iframe 

Я намагаюся отримати зображення, яке відповідає певному розміру div. На жаль, зображення не відповідає йому і натомість пропорційно зменшується до розміру, який недостатньо великий. Я не впевнений, що найкращий спосіб зробити так, щоб зображення вмістилося всередині нього. Якщо цього недостатньо коду, я був би радий надати більше, і я готовий …

97 html  css  twitter-bootstrap 

Я створюю веб-програму за допомогою Bootstrap 4 і стикаюся з дивними проблемами. Я хочу використовувати клас, що реагує на таблиці Bootstrap, щоб дозволити горизонтальне прокручування таблиць на мобільних пристроях. На настільних пристроях стіл повинен займати 100% ширини DIV, що містить. Як тільки я застосовую клас .table-responsive до своєї таблиці, таблиця …

97 css  bootstrap-4 

Чи можна перевірити CSS елемента display == blockчи noneза допомогою JavaScript?

97 javascript  css 

У мене є текстова область, яка динамічно перезавантажується під час надсилання вводу користувача. Вона оновлюється кожні пару секунд. Коли кількість тексту в цій області тексту перевищує розмір області тексту, з’являється смуга прокрутки. Однак смуга прокрутки насправді не придатна для використання, оскільки якщо ви почнете прокручувати вниз, через пару секунд текстове …

97 javascript  css  scroll  textarea 

Скажімо, у вас є таке: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Ви отримаєте щось, що заповнює екран, без смуг прокрутки. Але додайте ще: <div class="box">Screen 1</div> <div class="box">Screen 2</div> Ви отримуєте не лише вертикальні смуги прокрутки (очікувано), але невелику горизонтальну прокрутку. Я …

97 css 

Це питання стосується браузера з повною підтримкою css3, включаючи flexbox. У мене є гнучкий контейнер з деякими предметами. Всі вони виправдані, щоб почати з флекс-старту, але я хочу, щоб останній .end пункт був виправданий для флекс-кінця. Чи є хороший спосіб зробити це, не змінюючи HTML і не вдаючись до абсолютного …

97 css  flexbox 

Як мені зникнути текстовий вміст за допомогою jQuery? Суть полягає в тому, щоб привернути увагу користувача до повідомлення.

96 jquery  css  background-color  fade 

Я не можу зрозуміти, що означає наступний код з точки зору icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Для чого icon-bar? Чому є три подібні випадки цього? Цей код знаходиться в розділі навігаційної панелі: <div class="navbar-header"> ... </div>

96 html  css  twitter-bootstrap 

У IOS8 Safari є нова помилка з виправленою позицією. Якщо ви сфокусуєте текстове поле на фіксованій панелі, сафарі прокрутить вас до кінця сторінки. Це унеможливлює роботу з різними інтерфейсами, оскільки у вас немає можливості вводити текст у текстові області, не прокручуючи сторінку до кінця і не втрачаючи місця. Чи є …

96 javascript  ios  css  safari  ios8 

Кнопки Twitter-Bootstrap надзвичайно красиві. Спробуйте їх, прокрутивши їх Але вони обмежені у кольорах. Чи є спосіб змінити базовий колір кнопки, зберігаючи прекрасний ефект наведення курсору, який завантажувальний ремінь зробив таким гарним і невимушеним? Я абсолютно не знаю, як виглядає css / javascript, який Twitter використовує для підтримки цих ефектів.

96 css  button  twitter-bootstrap 

Чи є спосіб за допомогою HTML / CSS (з відносним розміром) зробити так, щоб рядок комірок розтягувався на всю ширину таблиці, в якій він міститься? Клітинки повинні мати однакову ширину, а розмір зовнішньої таблиці також динамічний <table width="100%">. В даний час, якщо я не вказав фіксований розмір; клітини просто автоматично …

96 html  css  html-table 

Коли ми використовуємо заміну тексту за допомогою CSS і даємо негативний відступ тесту, тобто text-indent:-9999px. Тоді, коли ми натискаємо на це посилання, пунктирна лінія з’являється, як на прикладі зображення нижче. Яке рішення для цього?

96 css 

У мене тут є два div: <div style="display:table-cell" id="div1"> content </div> <div style="display:table-cell" id="div2"> content </div> Чи є спосіб звільнити простір між цими двома div (які є display:table-cell)?

96 html  css  css-tables 

Я хочу показати таблицю фіксованої ширини в центрі вікна браузера. Зараз я використовую <table width="200" align="center"> Але Visual Studio 2008 дає попередження за цим рядком: Атрибут "вирівнювання" вважається застарілим. Рекомендується новіша конструкція. Який стиль CSS я повинен застосувати до таблиці, щоб отримати однаковий макет?

96 html  css  alignment  css-tables