«css» 태그된 질문

플렉스 박스를 사용하여 페이지와 함께 크기가 조정되는 8 개의 항목을 표시하고 있습니다. 항목을 두 개의 행으로 나누려면 어떻게합니까? (행당 4 개)? 관련 내용은 다음과 같습니다. (아니면 jsfiddle 선호하는 경우 - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; flex-wrap: …

260 html  css  flexbox 

Twitter Bootstrap에서 양식을 작성하고 있지만 양식의 입력 아래 버튼을 가운데에 배치하는 데 문제가 있습니다. 이미 center-block버튼에 클래스를 적용하려고 시도했지만 작동하지 않았습니다. 이 문제를 어떻게 해결해야합니까? 여기 내 코드가 있습니다. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> …

259 html  css  twitter-bootstrap  button 

따라서 flexbox를 사용하여 유용한 모달을 만들려고 할 때 브라우저 문제인 것으로 보였으며 알려진 수정 또는 해결 방법 또는 해결 방법에 대한 아이디어가 있는지 궁금합니다. 내가 해결하려고하는 것은 두 가지 측면이 있습니다. 먼저 모달 창을 세로로 가운데에 놓으면 예상대로 작동합니다. 두 번째는 모달 창을 스크롤하는 것입니다-외부에서 모달 창 전체의 내용이 아닌 …

259 html  css  flexbox  browser-bugs 

CSS 파일에만 액세스 할 수있는 CMS로 작업하고 있습니다. 따라서 문서의 머리 부분에 아무것도 포함시킬 수 없습니다. CSS 파일 내에서 웹 글꼴을 가져 오는 방법이 있는지 궁금합니다.

258 css  fonts  google-webfonts 

div정의 된 with 안에 긴 텍스트가 있습니다width . HTML : <div>Stack Overflow is the BEST !!!</div> CSS : div { border: 1px solid black; width: 70px; } 문자열을 한 줄로 유지하려면 어떻게해야합니까 (즉, "오버플로"중간에 잘 리도록)? 사용하려고했지만 overflow: hidden도움이되지 않았습니다.

258 html  css 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 2 년 전 . 이 질문을 개선하십시오 거의 모든 페이지에서 사용될 스타일 요소가 포함 된 하나의 monster .css 파일을 사용하면 어떤 …

258 css  html  stylesheet 

CSS가있는 테이블 tr에서 첫 번째 요소를 제외한 모든 요소를 어떻게 선택할 수 tr있습니까? 이 방법을 사용해 보았지만 효과가 없다는 것을 알았습니다.

257 css  css-selectors 

HTML은 다음과 같습니다. <div id="outer"> <div id="inner"></div> Test </div> 그리고 여기 CSS가 있습니다 : #inner { float: left; height: 100%; } Chrome 개발자 도구로 검사하면 내부 div의 높이가 0px입니다. 상위 div 높이의 100 %가되도록하려면 어떻게해야합니까?

256 css  html  height 

HTML : <label for="email">{t _your_email}:</label> CSS : label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 레이아웃 변경을 위해 'for'속성을 기반으로 레이블을 선택하고 싶습니다.

256 css  css-selectors 

CSS의 레이블에서 첫 번째 문자를 대문자 로 만드는 방법이 있습니까? 내 HTML은 다음과 같습니다. <a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a> 코드 스 니펫 실행결과 숨기기스 니펫 확장

255 css 

이 HTML이 주어지면 : <div>foo</div><div>bar</div><div>baz</div> 다음과 같이 어떻게 인라인으로 표시합니까? 푸 바 바즈 이건 아니야: 푸 바 바즈

254 css  line  html 

멍청한 질문이지만 여기에 있습니다. CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ 깡깡이 기본적으로 버튼을 에뮬레이트하려고합니다. 스팬 (또는 무언가)이 입력 필드 옆의 버튼처럼 보이도록 만들면 실제로 입력 …

254 css  html  width 

현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 칠년 전에 …

253 cross-browser  rounded-corners  css 

div의 중심에 맞추려는 SVG가 있습니다. div의 너비는 900px입니다. SVG의 너비는 400px입니다. SVG의 여백 왼쪽 및 여백 오른쪽이 자동으로 설정되어 있습니다. 작동하지 않으면 왼쪽 여백이 0 (기본값) 인 것처럼 작동합니다. 누구든지 내 오류를 알고 있습니까?

252 css  layout  svg  positioning  margin 

다음과 유사한 레이아웃을 구성하려고합니다. +---+---+---+ | | | | +---+---+---+ | | +-----------+ 바닥이 위쪽 행의 공간을 채우고 있습니다. 이것이 실제 테이블 인 경우으로 쉽게이 작업을 수행 할 수 <td colspan="3">있지만 단순히 테이블과 같은 레이아웃을 만들 때 <table>태그를 사용할 수 없습니다 . CSS를 사용하여 가능합니까?

251 css