프로그램 작성 css

9

CSS를 사용하여 이미지를 "회색으로"표시하는 가장 좋은 방법 (있는 경우)은 무엇입니까 (즉, 별도의 회색으로 된 이미지 버전을로드하지 않음)? 내 컨텍스트는 테이블의 행에 모두 가장 오른쪽 셀에 버튼이 있고 일부 행은 다른 행보다 가벼워 야한다는 것입니다. 따라서 글꼴을 쉽게 밝게 만들 수는 있지만 각 이미지의 두 가지 버전을 관리하지 않고도 이미지를 더 …

183 css

18

HTML / CSS를 사용하여 텍스트에 공백 / 탭을 삽입하는 방법

가능한 방법 : <pre> ... </pre> 또는 style="white-space:pre" 다른 거있어?

183 html css tabs space pre

9

Twitter의 typeahead.js 제안은 스타일이 지정되지 않았습니다 (테두리, 투명 배경 등 없음).

트위터의 typeahead.js 0.9.3을 사용 하고 있으며 내 제안이 전혀 스타일이없는 것 같습니다. 나는 이것을 얻는다 : 이와 같은 대신 : ( 예제 페이지 에서 가져온 ) JavaScript를 사용하는 자동 완성 기능 : $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); HTML 입력 요소 : <input type="text" value="" id="search_keywords" class="no-clear …

182 javascript css typeahead.js

8

<div> 태그와 CSS 만 사용하여 테이블을 만드는 방법

<div>태그와 CSS 만 사용하여 테이블을 만들고 싶습니다 . 이것은 나의 샘플 테이블입니다. <body> <form id="form1"> <div class="divTable"> <div class="headRow"> <div class="divCell" align="center">Customer ID</div> <div class="divCell">Customer Name</div> <div class="divCell">Customer Address</div> </div> <div class="divRow"> <div class="divCell">001</div> <div class="divCell">002</div> <div class="divCell">003</div> </div> <div class="divRow"> <div class="divCell">xxx</div> <div class="divCell">yyy</div> <div class="divCell">www</div> </div> <div class="divRow"> …

182 html css

9

페이지에서 브라우저 인쇄 옵션 (헤더, 바닥 글, 여백)을 비활성화 하시겠습니까?

나는이 질문이 SO와 다른 여러 웹 사이트에서 몇 가지 다른 방식으로 질문되는 것을 보았지만 대부분 너무 구체적이거나 오래되었습니다. 나는 누군가가 추측에 신경 쓰지 않고 여기에 확실한 대답을 줄 수 있기를 바랍니다. 누군가 브라우저에서 인쇄 할 때 CSS 또는 자바 스크립트로 기본 프린터 설정을 변경하는 방법이 있습니까? 그리고 물론 "브라우저에서 인쇄"란 …

182 javascript html css browser printing

16

CSS3 미디어 쿼리가 작동하지 않는 이유는 무엇입니까?

styles.css에서 미디어 쿼리를 사용하고 있으며 둘 다 변형을 사용합니다. /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } 창을 축소하면 일반 브라우저 (Safari, Firefox)에서 원하는 레이아웃으로 사이트 크기가 조정되지만 휴대 전화에는 모바일 레이아웃이 전혀 표시되지 않습니다. 대신 기본 CSS 만 표시됩니다. …

182 html css media-queries mobile-website

12

부트 스트랩이있는 고정 너비 버튼

부트 스트랩은 고정 너비 버튼을 지원합니까? 현재 "저장"및 "다운로드"버튼이 두 개인 경우 버튼 크기는 내용에 따라 변경됩니다. 또한 부트 스트랩을 확장하는 올바른 방법은 무엇입니까?

182 css twitter-bootstrap

18

크롬이 아닌 사파리 전용 CSS 해킹이 있습니까?

크롬이 아닌 사파리에 대한 CSS 해킹을 찾으려고 노력 중입니다. 웹킷 브라우저 모두 알고 있지만 크롬과 사파리의 div 정렬에 문제가 있으며 각기 다르게 표시됩니다. 나는 이것을 사용하려고 노력했지만 크롬에도 영향을 미칩니다. @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } 누구나 사파리에 적용 할 다른 것을 알고 있습니까?

182 css safari

4

z-index가 작동하지 않는 이유는 무엇입니까?

따라서 z-index올바르게 이해 하면이 상황에서 완벽 할 것입니다. 하단 이미지 (태그 / 카드)를 div 아래에 배치하고 싶습니다. 그래서 당신은 날카로운 가장자리를 볼 수 없습니다. 어떻게해야합니까? z-index:-1 // on the image tag/card 또는 z-index:100 // on the div above 작동하지 않습니다. 이 같은 것도 조합하지 않습니다. 어떻게 오세요?

182 html css z-index

13

영어 알파벳 중 어떤 문자가 가장 많은 픽셀을 차지합니까?

문장의 문자 수를 기반으로 일부 동적 프로그래밍을 시도하고 있습니다. 영어 알파벳 중 어떤 문자가 화면에서 가장 많은 픽셀을 차지합니까?

181 css char

11

CSS에서 최대 문자 길이 설정

학교에 반응 형 웹 사이트를 만들고 있는데 제 질문은 : 매우 큰 화면이 표시 될 때 문장이 75자를 넘지 않도록 웹 사이트에서 문장의 최대 문자 길이 (CSS 사용)를 75 자처럼 설정하는 방법은 무엇입니까? 최대 너비를 시도했지만 레이아웃이 엉망입니다. Flexbox 및 미디어 쿼리를 사용하여 반응 형으로 만듭니다.

181 html css text

12

100 % 너비 텍스트 상자가 컨테이너를 넘어 확장되는 것을 막을 수 있습니까?

전체 줄을 채우고 싶은 텍스트 상자가 있다고 가정 해 봅시다. 나는 다음과 같은 스타일을 줄 것이다. input.wide {display:block; width: 100%} 너비는 텍스트 상자의 내용을 기반으로하기 때문에 문제가 발생합니다. 텍스트 상자에는 기본적으로 여백, 테두리 및 패딩이있어 너비가 100 % 인 텍스트 상자를 컨테이너보다 크게 만듭니다. 예를 들어, 여기 오른쪽에 : 텍스트 …

181 html css

8

JavaScript 코드를 사용하여 브라우저 너비를 얻는 방법은 무엇입니까?

현재 브라우저 너비를 얻기 위해 JavaScript 함수를 작성하려고합니다. 나는 이것을 찾았다. javascript:alert(document.body.offsetWidth); 그러나 몸의 너비가 100 %라면 실패한다는 문제. 더 나은 기능이나 해결 방법이 있습니까?

180 javascript jquery html css

8

마지막 프레임에서 CSS3 애니메이션 중지

클릭시 4 부분의 CSS3 애니메이션이 재생되지만 애니메이션의 마지막 부분은 화면에서 벗어납니다. 그러나 일단 재생되면 항상 원래 상태로 돌아갑니다. 누구든지 마지막 CSS 프레임 (100 %) 에서 중지하는 방법 또는 재생 된 전체 div를 제거하는 방법을 알고 있습니다 . @keyframes colorchange { 0% { transform: scale(1.0) rotate(0deg); } 50% { transform: rotate(340deg) …

180 css css-animations

15

<select> 양식 필드가 비활성화되었을 때 제출되도록하는 방법은 무엇입니까?

나는이 select내가 값을 수정할 수있는 사용자와 같이, "읽기 전용"으로 표시 할 것을 양식 필드를하지만, 값은 여전히 양식 제출됩니다. disabled속성을 사용하면 사용자가 값을 변경할 수 없지만 양식과 함께 값을 제출하지는 않습니다. 이 readonly속성은 input및 textarea필드 에서만 사용할 수 있지만 기본적으로 내가 원하는 것입니다. 그 일을 할 수있는 방법이 있습니까? 내가 고려하고있는 …

180 javascript html css forms html-select

«css» 태그된 질문