프로그램 작성 css

5

JavaScript에서는 다음을 사용하여 방향 모드를 감지 할 수 있습니다. if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } 그러나 CSS 만 사용하여 방향을 감지하는 방법이 있습니까? 예 : 같은 : @media only screen and (width > height) { ... }

159 browser css tablet media-queries

10

CSS가 요소의 각 단어 다음에 줄 바꿈을 강제 할 수 있습니까?

나는 다국어 사이트를 만들고 있는데, 소유자가 번역을 도와주었습니다. 표시된 문구 중 일부는 사이트 스타일을 유지하기 위해 줄 바꿈이 필요합니다. 불행히도, 소유자는 컴퓨터 사용자가 아니므로, foo<br />bar번역을하는 동안 어떻게 든 데이터를 수정할 가능성이 있습니다. 모든 단어 다음에 깨질 요소에 적용 할 CSS 솔루션 (너비 변경 외에)이 있습니까? (PHP 에서이 작업을 수행 …

159 css line-breaks

6

Twitter Bootstrap 툴팁에 여러 줄을 만드는 방법은 무엇입니까?

현재 Bootstrap의 툴팁 플러그인을 사용하여 표시 할 텍스트를 만들기 위해 아래 기능을 사용하고 있습니다. 여러 줄 도구 설명은 어떻게 작동 <br>하지 않고 작동 \n합니까? 내 링크의 제목 속성에 HTML이없는 것을 선호합니다. 작동하는 것 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end …

159 javascript html css twitter-bootstrap

6

멋진 글꼴 아이콘이있는 사용자 정의 리 목록 스타일

사용자 정의 <li>목록 스타일 유형 을 생성하기 위해 font-awesome (또는 다른 상징적 인 글꼴) 클래스를 사용할 수 있는지 궁금합니다 . 나는 현재 이것을하기 위해 jQuery를 사용하고 있습니다. $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); 그러나 <li>아이콘이 실제 글 머리 기호가 아닌 텍스트의 일부로 간주 되므로 텍스트가 페이지를 가로 질러 줄 바꿈 되면 스타일이 제대로 지정되지 …

159 css html-lists font-awesome

18

배경 크기 시뮬레이션 : <비디오> 또는 <img>의 표지

또는 background-size:cover같은 html 요소 의 기능을 어떻게 시뮬레이션 할 수 있습니까?<video><img> 나는 그것이 같이 작동하고 싶다. background-size: cover; background-position: center center;

159 javascript jquery css

11

IE에서 "테두리 반경"지원

Internet Explorer가 "테두리 반경"CSS 속성을 지원하는지 여부를 아는 사람이 있습니까?

158 internet-explorer css

9

div 내에서 가변 높이로 콘텐츠를 세로로 가운데 맞추는 방법은 무엇입니까?

내용의 높이가 가변적 일 때 div의 내용을 세로로 가운데 맞추는 가장 좋은 방법은 무엇입니까? 내 특별한 경우에는 컨테이너 div의 높이가 고정되어 있지만 컨테이너의 높이가 가변적 인 경우 해결책이 있다면 좋을 것입니다. 또한 CSS 해킹 및 / 또는 비의 미적 마크 업을 사용하지 않거나 거의 사용하지 않는 솔루션을 원합니다.

158 css vertical-alignment

15

jQuery로 CSS 속성의 숫자 부분을 얻는 방법?

CSS 속성을 기반으로 숫자 계산을 수행해야합니다. 그러나 이것을 사용하여 정보를 얻을 때 : $(this).css('marginBottom') '10px'값을 반환합니다. 단지 값의 숫자 부분을 얻기에 트릭은인지 여부에 상관없이이 없습니다 px또는 %또는 em또는 무엇 이건?

158 javascript jquery css parsing

7

이미지를 자동으로 자르고 가운데 맞추는 방법

임의의 이미지가 주어지면 이미지 중앙에서 정사각형을 자르고 주어진 정사각형 내에 표시하려고합니다. 이 질문은 다음과 유사합니다. CSS 이미지 크기 조정 및 자른 이미지 표시 하지만 이미지의 크기를 모르므로 설정된 여백을 사용할 수 없습니다.

158 css

8

2 열 div 레이아웃 : 너비가 고정 된 오른쪽 열, 왼쪽 유체

내 요구 사항은 간단합니다 .2 열은 올바른 크기가 고정되어 있습니다 . 불행히도 나는 stackoverflow 또는 Google에서 작동하는 솔루션을 찾을 수 없었습니다. 내 컨텍스트에서 구현하면 거기에 설명 된 각 솔루션이 실패합니다. 현재 솔루션은 다음과 같습니다. div.container { position: fixed; float: left; top: 100px; width: 100%; clear: both; } #content { margin-right: …

158 css html

5

Bootstrap 열을 여러 행으로 확장하려면 어떻게해야합니까?

Bootstrap으로 다음 그리드를 수행하는 방법을 알아 내려고합니다. 두 행에 걸쳐있는 상자 (번호 1)를 어떻게 만들지 잘 모르겠습니다. 상자는 순서대로 프로그래밍 방식으로 생성됩니다. 박스 1은 환영 메시지입니다. 가장 좋은 방법은 무엇입니까?

158 css twitter-bootstrap

9

ReactJS가 수동 클래스 이름에 동적 클래스 추가

일반 클래스 목록에 동적 클래스를 추가해야하지만 다음과 같은 방법 (아기 사용)을 모릅니다. <div className="wrapper searchDiv {this.state.something}"> ... </div> 어떤 아이디어?

158 css reactjs

12

Bootstrap 2를 사용하여 글리프 아이콘의 색상을 파란색으로 변경합니다.

UI에 Bootstrap 프레임 워크를 사용하고 있습니다. 글리프 아이콘의 색상을 파란색으로 변경하고 싶지만 모든 지역에서 사용하고 싶지는 않습니다. 어떤 곳에서는 기본 색상을 사용해야합니다. 이 두 링크를 언급했지만 도움이되는 것은 없습니다. CSS 만 사용하여 부트 스트랩 아이콘에 색상을 추가 할 수 있습니까? Bootstrap 3의 글리프 콘을 흰색으로 바꾸려면 어떻게해야합니까? 참고 : Bootstrap …

157 html css twitter-bootstrap-2

4

하이퍼 링크에서 모든 스타일링 / 포맷 제거

다른 색상의 단어 ( href링크)가 있는 탐색 메뉴를 만들고 있습니다. 모든 상태 (호버, 방문 등)에서 색상이 변경되지 않도록하고 싶습니다. 다른 상태의 색상을 설정하는 방법을 알고 있지만 텍스트 색상 (및 다른 스타일링 / 서식)을 그대로 유지하는 코드를 알고 싶습니다. 어떤 제안?

157 html css href

11

CSS 스타일 시트는 어떤 순서로 재정의됩니까?

HTML 헤더에는 다음이 있습니다. <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.css내 페이지 별 시트입니다. master.css은 브라우저 기본값을 무시하기 위해 각 프로젝트에서 사용하는 시트입니다. 이 중 어떤 스타일 시트가 우선합니까? 예 : 첫 번째 시트에 특정 내용이 포함됨 body { margin:10px; } 그리고 관련 테두리가 있지만 두 …

157 css overriding stylesheet

«css» 태그된 질문