Ширина кнопки в CSS?

Question

[Александр Кудряшов]

Привет. Ниже представлен css свойства кнопки.

-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing:content-box;
  	position: relative;
  	cursor: pointer;
 	padding: 11px 108px;
	margin-left:2px;
 	border: 1px solid #0875a0;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
  	font: normal 19px/normal Arial, Helvetica, sans-serif;
  	color: #FFF;
  	-o-text-overflow: clip;
  	text-overflow: clip;
  	background: #2FABE9;
  	-webkit-box-shadow: 0 2px 2px 1px rgba(99,89,89,0.2) ;
  	box-shadow: 0 2px 2px 1px rgba(99,89,89,0.2);

Проблема такова: ширина кнопки задается с помощью padding от левого и правого края. При разной длинной слов в кнопке размер меняется. Width не помогает, что делать ?

Answer 1

[Александр Таратин]

jsfiddle.net/QW01_01/4gv6xsun

Answer 2

[Dmytro Bezvoshchuk]

habrahabr.ru/company/2gis/blog/246831

Answer 3

[Murat Atila]

А что вы собственно хотите сделать? фиксированную ширину кнопки? если да, то зачем?

Comments

[Александр Кудряшов]

да, фиксированная ширина более красиво смотрится, и еще и более удобно в моей ситуации.