Задать вопрос

oops-wrong

Ответы пользователя по тегу CSS

  • Как сделать так, что бы текст с пробелами выходил за пределы div?

    @oops-wrong
    Чтобы пробелы не переносились можно использовать т. н. неразрывний пробел  .
    Можно использовать CSS-правило на запрет переноса любых пробелов white-space: nowrap;. Точно такого же эффекта можно добиться используя HTML-тег nobr.
    Чтобы текст красиво адаптировался можно использовать CSS-правило text-overflow: ellipsis;. Если его использовать вместе с white-space: nowrap;, то в конце будет добавлено троеточие.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать вертикальное выравнивание html элементов?

    @oops-wrong
    Выравнивание по высоте будет отличаться от того, в потоке располагается контейнер текста или вне потока.
    Любимым решением для потока до появления flex был table-cell.
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вертикальное выравнивание display: table-cell</title>
<style>
  .wrapper {
    display: table;
    width: 100%;
  }
  .cell {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
  }
</style>
</head>
<body>
  <div class="wrapper">
    <p class="cell">Я выровнен по вертикали</p>
  </div>
</body>
</html>

    Код взят с сайта verstaka.net/verstka/gorizontalnoe-i-vertikalnoe-v...
    Ответ написан
    Комментировать
    Комментировать

  • Какой язык программирования правильнее всего выбрать?

    @oops-wrong
    Новичку в вебе одна дорога -- PHP :)
    Слишком сложные темы как фреймворки (Laravel, Yii и прочее) сначала не трогайте. Лучше изучать CMS. Самая популярная и простая CMS -- это Wordpress. Но если вы хотите быть именно backender`ом или frontender`ом, то долго не засиживайтесь на нем. Переключиться можно будет на October CMS. Это крутая штука основанная на Laravel. Уже после Октобера можно будет смело шагать на тропу взрослой backend разработки (в тот же Laravel) :)
    Ответ написан
    Комментировать
    Комментировать

  • Как сбросить box-shadow на всем сайте?

    @oops-wrong
    Для этих целей используется универсальный селектор *.
    Под правило с универсальным селектором попадают все элементы.
    Ответ написан
    Комментировать
    Комментировать

  • Что есть бэм и как он выглядит?

    @oops-wrong
    Вложенности и другие отношения в селекторах противопоказаны в БЭМ.
    .navbar-transparent .navbar-right-menu > li > .btn-white:hover

    Если приходится работать с Бутстрапом, то комбинирую подходы. БЭМ применяю только для своих собственных классов, а селекторы сетки и прочие Бутстраповские селекторы не трогаю в CSS.
    Ответ написан
    Комментировать
    Комментировать