«css» 태그된 질문

CSS 전환이 완료되면 알림 (예 : 콜백)을받을 수 있습니까?

100 javascript  css  css-transitions 

내 페이지에 많은 행이있는 테이블이 있습니다. 테이블 높이를 500px로 설정하여 테이블 높이가 그보다 크면 세로 스크롤 막대가 나타납니다. 에서 CSS height속성 을 사용하려고했지만 table작동하지 않습니다.

100 css  css-tables 

목록이 있고 각 항목이 연결되어 있습니다. 각 항목의 배경색을 바꿀 수있는 방법이 있습니까? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>

100 html  css 

페이지 매김 에이 코드가 있습니다. <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> 하지만 내 ul왼쪽 정렬입니다. ulwrt 를 중앙에 배치하는 방법이 div있습니까? 나는 시도 margin: auto auto하고 margin :0 auto그들이 있지만 작동하지 않았다.

100 html  twitter-bootstrap  css 

저는 부트 스트랩과 Parse 프레임 워크를 사용하여 작은 웹앱을 구축하고 있습니다. 그러나 이러한 부트 스트랩 모달은 닫은 후에도 몸체에 패딩을 계속 추가합니다. 이것을 해결하는 방법? 이 코드를 내 자바 스크립트에 넣으려고했습니다. $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); 하지만 작동하지 않습니다. 아무도 이것을 고치는 방법을 알고 있습니까? 내 코드 : <button …

100 javascript  jquery  html  css  twitter-bootstrap 

<li> 태그에서 생성 된 고정 높이와 너비가있는 행에 여러 상자를 표시하고 있습니다. 이제 텍스트를 세로 중앙에 정렬해야합니다. CSS vertical-align은 영향을 미치지 않습니다. 뭔가 빠진 것일까 요 ??? (여백, 패딩, 줄 높이)를 사용하는 트릭을 찾고 있지 않습니다. 일부 텍스트가 길고 두 줄로 나뉘 기 때문에 작동하지 않습니다. 실제 코드를 찾으십시오. CSS …

100 html  css  vertical-alignment 

CSS :after속성 의 동작을 이해하는 데 문제가 있습니다. 사양에 따르면 ( here and here ) : 이름에서 알 수 있듯이 :before및 :after의사 요소는 요소의 문서 트리 콘텐츠 앞뒤에 콘텐츠 위치를 지정합니다. 이것은 어떤 요소가 :after(또는 :before) 속성을 가질 수 있는지에 대한 제한을 두지 않는 것 같습니다 . 그러나 특정 요소 …

100 css  pseudo-element 

이 버튼 이미지가 있습니다. <a href="">some words</a>그 링크가 그 버튼으로 나타나 도록 심플 하고 스타일리쉬 하게 만들 수 있을까? 가능하다면 어떻게해야합니까?

100 html  css 

다음을 감안할 때 마지막 열의 내용 크기를 자동으로 조정하려면 어떻게해야합니까? (마지막 열은 내용에 맞게 너비를 자동으로 조정해야합니다. 축소해야하는 li 요소가 1 개 뿐이고 li 요소가 3 개인 경우 등) : <table cellspacing="0" cellpadding="0" border="0"> <thead><!-- universal table heading --> <tr> <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td> <td class="tc">Type</td> <th>File</th> …

100 html  xhtml  css 

CSS가 액세스 할 수 있도록 글꼴을 어디에 배치합니까? .woff 파일에서 브라우저에 비표준 글꼴을 사용하고 있습니다. 'awesome-font.woff'파일에 저장된 'awesome-font'라고 가정 해 봅시다.

100 html  css  fonts  woff 

셀에는 확인란 만 포함되어 있습니다. 표 머리글 행의 텍스트 때문에 다소 넓습니다. 확인란을 중앙에 배치하려면 어떻게해야합니까 (HTML에 인라인 CSS가 있습니까? (알고 있습니다)). 나는 시도했다 <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> 그러나 그것은 작동하지 않았습니다. 내가 뭘 잘못하고 있죠? 업데이트 : 여기에 테스트 페이지가 있습니다. 누군가가 HTML의 CSS 인라인을 …

100 html  css 

<a>rgba 배경색은 다르지만 알파는 동일한 태그 세트가 있습니다. rgba 속성의 불투명도 만 변경하는 단일 CSS 스타일을 작성할 수 있습니까? 코드의 간단한 예 : <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> 그리고 스타일 a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green …

100 css  hover  background-color  rgba 

<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> 위는 작동하지 않습니다. 백분율을 사용하여 표 셀의 최대 너비를 어떻게 설정할 수 있습니까?

100 html  css  html-table 

고정 된 머리글과 고정 된 첫 번째 열이있는 html 테이블 (또는 비슷한 모양)을 만들어야합니다. 지금까지 본 모든 솔루션은 Javascript를 사용하거나 jQueryscrollTop / scrollLeft를 설정하지만 모바일 브라우저에서는 원활하게 작동하지 않으므로 순수한 CSS 솔루션을 찾고 있습니다. 여기에서 고정 열에 대한 해결책을 찾았습니다. jsfiddle.net/C8Dtf/20/ 하지만 난 너무 고정 된 헤더를 만들을 향상시킬 수있는 …

100 html  css  html-table  markup  fixed-header-tables 

텍스트 영역이 부모 DIV 요소를 넘어서 늘어나는 것을 어떻게 방지 할 수 있습니까? DIV 내부에있는 테이블 안에이 텍스트 영역이 있고 전체 테이블이 범위를 벗어나는 것처럼 보입니다. 더 간단한 경우에도 동일한 상황의 예를 볼 수 있습니다. div 안에 텍스트 영역을두기 만하면됩니다 (예 : 여기 www.stackoverflow.com에서 사용됨). 아래 이미지에서 텍스트 영역이 부모 …

100 css  google-chrome  textarea