2016-09-01 4 views
0

프로그래밍 방식으로 일부 div 안에 일련의 버튼을 추가하려고합니다. div 너비가 무시됩니다.

가 왜 width: 110px이 무시되고 : 여기

code은?

+1

문제의 라이브 예제를 게시 해주세요. – Li357

+0

죄송합니다. 이미지를 잊어 버렸습니다. –

+0

div의 너비를 덮어 쓰는 다른 스타일이있을 가능성이 큽니다. ID 선택기와 같은보다 구체적인 선택기 일 수도 있고 계층 구조의 상위 선택자 또는 인라인 스타일 일 수도 있습니다. 다른 HTML이나 CSS를 게시 할 수 있습니까? – Steve

답변

1

버튼의 너비는 110px이지만 너비가 8.3333 % 인 div에 배치됩니다. 이것은 .s1 클래스에서옵니다. 클래스를 제거하면 원하는대로 110px 너비의 각 버튼이 표시됩니다.

.row .col.s1 { 
    /* width: 8.3333333333%; */ 
    margin-left: auto; 
    left: auto; 
    right: auto; 
} 
+0

감사합니다. –

+0

안녕하세요, 컨테이너 중앙에 정렬되지 않았습니다. 어떻게 수정해야하는지 알고 계십니까? http : //jsbin.com/gogofidola/1/edit? html, css, js, 출력 –

+0

표시 추가 : div.row의 인라인 블록 . 그런 다음 배경색이 필요하면 컨테이너에 추가하십시오. – depiction

0

스타일 시트는 materialize.min.css는 8.3333의 폭 ... %있는 등급 .col.s1 를 포함 갖는다. 당신은 당신의 CSS를

div.col.x { 
    width: 110px !important; 
} 

내가 일반적으로 사용 싫어! 필요한 경우가 아니면 중요하지만 보는 코드의 더없이,이 그것을 할 수있는이를 무시해야합니다.

관련 문제