«css» 태그된 질문

CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.

17
$ (window) .width ()는 미디어 쿼리와 동일하지 않습니다
프로젝트에서 Twitter Bootstrap을 사용하고 있습니다. 기본 부트 스트랩 스타일뿐만 아니라 내 자신의 일부를 추가했습니다. //My styles @media (max-width: 767px) { //CSS here } 또한 뷰포트의 너비가 767px보다 작을 때 페이지에서 특정 요소의 순서를 변경하기 위해 jQuery를 사용하고 있습니다. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container .left-sidebar")); …
4
트위터 부트 스트랩 버튼 텍스트 워드 랩
내 인생 에서이 트위터 부트 스트랩 버튼을 여러 줄로 줄 바꿈 할 수 없습니다. 이미지를 게시 할 수 없으므로이 작업이 수행됩니다. [이것은 부입니다] tton text 나는 다음과 같이 보이기를 원합니다 [이것이 ] [버튼 텍스트] <div class="col-lg-3"> <!-- FIRST COL --> <div class="panel panel-default"> <div class="panel-body"> <h4>Posted on</h4> <p>22nd September 2013</p> …
7
인라인 블록 요소를 나머지 줄에 채우는 방법?
CSS 대신 테이블을 사용하는 대신 두 개의 인라인 블록 (또는 무엇이든) DIV 태그를 사용하면 가능합니까? 테이블 버전은 다음과 같습니다 (테두리가 추가되어 볼 수 있습니다). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td style="border:1px solid black;height:10px;"></td> </tr> </table> </body> …
186 css  layout  fixed-width 
7
비활성화되지 않은 경우에만 호버 및 활성
내가 사용하는 호버 , 활성버튼 스타일을 지정하기 및 비활성화 를 사용 합니다. 그러나 문제는 버튼이 비활성화되어 있으면 호버 및 활성 스타일이 여전히 적용됩니다. 활성화 된 버튼에만 호버를 적용하고 활성화하는 방법은 무엇입니까?
186 css 
5
flexbox 항목을 같은 크기로 만드는 방법은 무엇입니까?
너비가 모두 같은 일부 항목이있는 flexbox를 사용하고 싶습니다. flexbox가 공간 자체가 아닌 공간을 균등하게 분산시키는 것으로 나타났습니다. 예를 들면 다음과 같습니다. .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } <div class="header"> <div class="item">asdfasdfasdfasdfasdfasdf</div> <div class="item">z</div> </div> 코드 스 니펫 실행Hide results스 니펫 …
186 css  flexbox 
16
입력 텍스트 내에서 명확한 아이콘
Google 검색 창과 같은 입력 요소 자체를 지우려면 오른쪽에 아이콘이있는 입력 텍스트 요소를 만드는 빠른 방법이 있습니까? 주변을 둘러 보았지만 입력 요소의 배경으로 아이콘을 넣는 방법 만 찾았습니다. jQuery 플러그인이나 다른 것이 있습니까? 입력 텍스트 요소 안에 아이콘을 원합니다. -------------------------------------------------- | X| --------------------------------------------------
185 javascript  jquery  html  css 
12
CSS를 사용하여 입력 버튼 이미지를 변경하는 방법은 무엇입니까?
이미지를 사용하여 입력 버튼을 만들 수 있습니다. <INPUT type="image" src="/images/Btn.PNG" value=""> 그러나 CSS를 사용하여 동일한 동작을 얻을 수 없습니다. 예를 들어, 나는 시도했다 <INPUT type="image" class="myButton" value=""> 여기서 "myButton"은 CSS 파일에서 다음과 같이 정의됩니다. .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; } 그것이 내가하고 싶은 모든 …
12
IE에만 스타일 적용
CSS 블록은 다음과 같습니다. .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } IE 7, 8, 9 만 "보기"를 원합니다 width: 100% 이것을 달성하는 가장 간단한 방법은 무엇입니까?
8
내부 <div>를 부모 <div>의 맨 아래로 보내려면 어떻게해야합니까?
다른 div 그림 내부의 div와 아래 코드. 부모 div의 텍스트와 이미지가 있기 때문입니다. 그리고 빨간색 div는 부모 div의 마지막 요소입니다. &lt;div style="width: 200px; height: 150px; border: 1px solid black;"&gt; &lt;div style="width: 100%; height: 50px; border: 1px solid red;"&gt; &lt;/div&gt; &lt;/div&gt;
184 css  html 
6
IE10에서 스크롤 막대가 내용을 오버레이하지 않게하려면 어떻게해야합니까?
IE10에는 스크롤 막대가 항상있는 것은 아니며 오버레이로 나타날 때 멋진 기능이지만 풀 스크린 응용 프로그램이므로 내 특정 웹 사이트에서 사용하지 않으려 고합니다. 로고와 메뉴가 사라집니다. IE10 : 크롬: 누구나 IE10에서 스크롤 막대를 항상 고정시키는 방법을 알고 있습니까? overflow-y : scroll이 작동하지 않는 것 같습니다! 그것은 단지 내 웹 사이트에 영구적으로 …
8
고정 된 div의 CSS 수평 중심?
#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } 나는이 질문이 백만 번 나왔다는 것을 알고 있지만 내 사건에 대한 해결책을 찾을 수 없습니다. 화면에 고정되어야하는 div가 있습니다. 페이지가 스크롤 되더라도 항상 화면 중앙에 CENTERED 상태로 있어야합니다! …
183 html  css  centering 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.