«css» 태그된 질문

Twitter Bootstrap을 사용하고 있으며 Google지도가 있습니다. 마커와 같은지도의 이미지가 부트 스트랩의 CSS에 의해 왜곡됩니다. 부트 스트랩 CSS에는 다음이 있습니다. img { border: 0 none; height: auto; max-width: 100%; } max-widthFirebug를 사용하여 속성을 비활성화하면 마커 이미지가 정상적으로 나타납니다. Bootstrap CSS가 Google지도 이미지에 영향을 미치지 않도록하려면 어떻게해야합니까?

147 google-maps  twitter-bootstrap  css 

왜 _scss에서 파일 이름 앞에 넣습니까? _filename.scss왜 필요한 _가요?

147 css  sass 

div고정 너비 의 요소 그룹을 컨테이너에 넣고 가로 스크롤 막대를 표시 하고 싶습니다 . div/의 span요소는, HTML (기본적으로 미개봉)에 나타나는 순서대로 왼쪽에서 오른쪽으로, 한 줄에 표시됩니다. 이렇게하면 가로 스크롤 막대가 나타나고 세로 스크롤 막대 대신 콘텐츠를 읽는 데 사용할 수 있습니다 (왼쪽에서 오른쪽으로). 컨테이너에 플로팅 한 다음 컨테이너에 white-space: nowrap스타일을 …

147 html  css 

나는 중간에 A B있고 싶습니다 C. D오른쪽으로 완전히 가려면 어떻게 해야합니까? 전에: 후: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ …

147 html  css  flexbox 

나는 항상 특정 너비가되고 싶은 표 셀을 가지고 있습니다. 그러나 큰 간격의 텍스트가없는 텍스트에서는 작동하지 않습니다. 테스트 사례는 다음과 같습니다. td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> 코드 스 니펫 실행결과 숨기기스 니펫 확장 상자를 확장하지 않고 …

146 html  css 

HTML 요소에 대한 브라우저의 기본 CSS는 어디에서 찾을 수 있습니까? 많은 HTML 요소에는 기본 CSS 속성이 포함되어있어 때때로 알 수 없거나 원하지 않는 동작이 발생할 수 있습니다. 예를 들어 입력 상자는 브라우저마다 다르게 표시됩니다. 새로운 CSS3 속성과 새로운 HTML5 요소를 다루는 곳을 찾고 있습니다. CSS 재설정 솔루션을 제안하는 다른 (더 …

146 html  css  cross-browser 

CSS를 배우고 있습니다. CSS로 입력 및 제출 버튼의 스타일을 지정하는 방법은 무엇입니까? 이런 식으로 만들려고하지만 어떻게 해야할지 모르겠습니다. <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

전체 페이지 * wrappable은 main.css 파일에 정의되어 있습니다. /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } 전체 페이지는 다음과 같습니다. <%@ include file="../../include/pre-header.html" %> <form …

146 html  css  html-table 

IE에서 너비는 패딩 크기를 포함하는 것으로 보입니다. FF에서 너비는 그렇지 않습니다. 두 가지를 어떻게 동일하게 만들 수 있습니까? 감사.

146 css 

CSS로 로딩 아이콘을 회전시키고 싶습니다. 아이콘과 다음 코드가 있습니다. <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> 그러나 작동하지 않습니다. CSS를 사용하여 아이콘을 어떻게 회전시킬 수 있습니까?

146 css  animation  webkit 

분홍색 컨테이너 중간에 파란색 컨테이너를 얻으려고하지만 vertical-align: middle;그 경우에는 효과가없는 것 같습니다 . <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> 결과: 기대: 어떻게 달성 할 수 있는지 제안하십시오. JS 피들

146 html  css  vertical-alignment  absolute 

닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 오년 전에 . 이 질문을 개선하십시오 스타일을 지정해야하는 HTML 선택 상자가 있습니다. CSS 만 사용하는 것을 선호하지만 jQuery를 사용하여 간격을 메울 것입니다. 누구나 좋은 튜토리얼이나 플러그인을 …

145 jquery  css  html-select 

현재 사람 enter이 텍스트 영역을 누르면 양식이 제출됩니다. 좋아, 난 원해 그러나 shift+ 를 입력 enter하면 텍스트 영역이 다음 줄로 이동하기를 원합니다.\n JQuery가능한 한 간단하거나 일반 JavaScript로 어떻게 할 수 있습니까?

145 javascript  jquery  html  css 

CSS background-image 속성의 올바른 사용법은 무엇입니까? 내가 이해하려고하는 핵심은 따옴표로 묶어야합니까? background-image: url('images/slides/background.jpg'); 상대 경로이거나 (위와 같이) 전체 URL이어야합니까? 표준 준수 브라우저에서 올바르게 작동하는지 확인해야 할 다른 사항.

145 css 

반응 형 html 레이아웃에 기존 이미지 맵이 있습니다. 이미지는 브라우저 크기에 따라 크기가 조정되지만 이미지 좌표는 분명히 고정 된 픽셀 크기입니다. 이미지 맵 좌표의 크기를 조정하려면 어떤 옵션이 필요합니까?

145 html  css  imagemap