сss (9) сss3 (14) ajax (2) css (42) drupal (7) Fix IE6 (4) font (4) html (23) javascript (22) jQuery (15) js (5) less (1) php (1) scss (1) soft (2) vue (1) webstorm (1) wordpress (1)

как посчитать ширину блока вмести с бордерами

есть такое свойство в СSS когда надо чтобы размер блока учитывал бордер:
.block{
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

как сделать многоколоночный текст

Есть два метода, css3 или скрипты
вариант 1:
.block{
  /* к-во колонок */
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;

/* отступы между колонок */
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;

/* ширина колонок */
  column-width: 200px;
  -moz-column-width: 200px;
  -webkit-column-width: 200px;

/* Разделительная линия между колонками */
  column-rule:  1px solid black;
  -moz-column-rule:  1px solid black;
  -webkit-column-rule:  1px solid black;
}

вариант 2:
Например вот такой скриптик: Columnizer jQuery Plugin

Забераем рамку вокруг input type=submit

В цсс пишем:
input[type="submit"]::-moz-focus-inner{ border: none; }
input:focus { outline: none; }