«css» 태그된 질문

HTML 요소가 내용을 오버플로했는지 JavaScript를 사용하여 스크롤 막대와 상관없이 확인할 수 있습니까? 예를 들어, 고정 크기가 작고 overflow 속성이 visible로 설정되고 요소에 스크롤 막대가없는 긴 div가 있습니다.

136 javascript  html  css 

자산을 사전 컴파일하고 프로덕션 모드에서 응용 프로그램을 실행하고 있습니다. 색인 페이지를로드 할 때 컴파일 후 크롬 콘솔에 다음과 같은 경고가 표시됩니다. Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version tag 문제는 사각형을 표시하는 …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font 

부모 컨테이너가 넘쳐 흐르는 html 테이블에 문제가 있습니다. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> </tr> <tr> <td>An archipelago is …

136 html  css  html-table 

브라우저의 크기를 조정할 때 너비에 따라 높이가 변하는 컨테이너를 설정하는 다음 코드가 있습니다 (제곱 종횡비 유지). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } …

135 html  css  responsive-design  vertical-alignment 

<button>HTML 의 요소에 png 이미지를 표시하려고합니다 . 버튼은 이미지와 크기가 같으며 이미지가 표시되지만 어떤 이유로 중앙에 표시되지 않으므로 모든 것을 볼 수 없습니다. 다시 말해, 이미지의 오른쪽 상단 모서리는 버튼의 오른쪽 상단이 아니라 버튼 중앙에있는 것처럼 보입니다. 이것은 HTML 코드입니다. <button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button> 업데이트 : 실제로 발생하는 …

135 html  css  image  button 

자바 스크립트 호출을 위한 속성이 <a>없는 많은 HTML 태그 가 있습니다. 이 링크에는 포인터 스타일의 커서가 없습니다. 텍스트 스타일 커서가 있습니다.hrefonclick href속성 을 사용하지 않고 커서 스타일을 링크 포인터로 설정하려면 어떻게 해야합니까? href = "#"을 추가 할 수 있다는 것을 알고 있습니다. 나는 이것을 HTML 문서의 많은 곳에서 가지고 있으며 …

135 javascript  html  css  hyperlink  cursor 

다른 div 안에 div가 있습니다. #outer그리고 #inner. #outer곡선 테두리와 흰색 배경이 있습니다. #inner곡선 테두리와 녹색 배경이 없습니다. #inner의 곡선 경계를 넘어 확장됩니다 #outer. 어쨌든 이것을 막을 수 있습니까? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; …

135 css 

나는 이미 마지막 자식을 알고 있습니다. 그러나 div를 선택할 수있는 방법이 있습니까? <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> 참고 : jQuery가 없으며 CSS 만 사용

135 html  css  css-selectors 

설명서를 읽었으며 사용 scss하려면 다음 명령을 실행해야합니다. ng set defaults.styleExt scss 그러나 그렇게하고 파일을 만들 때 여전히 콘솔 에서이 오류가 발생합니다. styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

부트 스트랩 초보자이며 부트 스트랩으로 코딩하려는 100 % 너비의 템플릿이 있습니다. 첫 번째 열은 왼쪽 모서리에서 시작하며 가장 오른쪽으로 뻗어있는 Google지도가 있습니다. container-fluid수업 에서이 작업을 수행 할 수 있다고 생각 했지만 더 이상 사용할 수없는 것 같습니다. : 나는 어떻게 themeforest에서, 당신은 레이아웃을보고 싶다면 여기 링크 I는 기하 PSD 템플릿을 …

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

http://www.clearleft.com 과 같은 많은 사이트 에서 링크를 가리키면 기본 동작 인 즉시 전환하는 것과 달리 다른 색상으로 페이드 인됩니다. JavaScript를 사용 하여이 효과를내는 것으로 가정합니다. 아는 사람이 있습니까?

134 css  hover  fade  effect 

버튼을 비활성화 할 수있는 것처럼 Bootstrap 2.0에서 탭을 비활성화 할 수 있습니까?

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

문제는 웹 사이트에 콘텐츠를 삽입하기 위해 IFrame을 사용해야 할 때 최신 웹 세계에서 IFrame도 반응 할 것입니다. 이론적으로는 간단하고 간단하게 사용 <iframe width="100%"></iframe>하거나 CSS 너비를 설정 iframe { width: 100%; }하지만 실제로는 그렇게 간단하지는 않지만 가능합니다. iframe컨텐츠가 완전히 반응하고 내부 스크롤 막대없이 자체 크기를 조정할 수 있다면 iOS Safari는 iframe실제 …

134 html  css  iframe 

우리는 두 개의 DIV를 가지고 있는데, 하나는 다른 하나에 내장되어 있습니다. 외부 DIV가 절대 위치에 있지 않으면 절대 위치 인 내부 DIV가 외부 DIV에 숨겨진 오버 플로우 ( 예 :)를 따르지 않습니다 . 외부 DIV를 절대 위치로 설정하지 않고 내부 DIV가 외부 DIV에 숨겨져있는 오버플로에 영향을 줄 수있는 기회가 있습니까? …

134 html  css  layout  overflow  css-position 

Firefox가 현재 웹 페이지와 다른 출처에서 글꼴을로드하지 않는 문제가 오랫동안있었습니다. 일반적으로이 문제는 글꼴이 CDN에서 제공 될 때 발생합니다. 다른 질문에서 다양한 솔루션이 제기되었습니다. CSS @ font-face는 Firefox에서는 작동하지 않지만 Chrome 및 IE에서는 작동합니다. Amazon S3 CORS가 도입되면서 CORS를 사용하여 Firefox의 글꼴로드 문제를 해결하는 솔루션이 있습니까? 편집 : S3 CORS 구성의 …

134 css  firefox  amazon-s3  font-face  cors