프로그램 작성 css

5

누구든지 표 셀의 텍스트가 줄 바꿈되는 것을 방지하는 방법을 알고 있습니까? 이것은 테이블의 헤더에 대한 것이며 제목은 그 아래의 데이터보다 훨씬 길지만 한 줄에만 표시해야합니다. 기둥이 매우 넓 으면 괜찮습니다. 내 (간체 화 된) 테이블의 HTML은 다음과 같습니다. <table> <thead> <tr> <th> <div>Really long column heading</div> </th> <th> <div>Really long …

285 html css

7

CSS의 인라인 SVG

CSS에서 인라인 SVG 정의를 사용할 수 있습니까? 나는 다음과 같은 것을 의미한다 : .my-class { background-image: <svg>...</svg>; }

284 css svg

6

단일 flexbox 항목을 정당화하는 방법 (justify-content 재정의)

당신은 대체 할 수 있습니다 align-items로align-self 플렉스 항목. justify-content플렉스 항목 을 재정의하는 방법을 찾고 있습니다 . 으로 flexbox 컨테이너를 가지고 justify-content:flex-end있지만 첫 번째 항목을 원한다면 justify-content: flex-start어떻게 할 수 있습니까? 이것은이 게시물에 의해 가장 잘 대답되었습니다 : https : //.com/a/33856609/269396

283 css flexbox

30

컨테이너 하단에 div를 띄우려면 어떻게해야합니까?

float : right (또는 왼쪽)를 여러 번 사용하여 컨테이너 상단에 이미지와 삽입 상자를 띄 웠습니다. 최근에 다른 div의 오른쪽 하단에서 div를 부동으로 사용할 수있는 일반 텍스트 줄 바꿈으로 div를 플로팅해야합니다 (텍스트는 왼쪽과 왼쪽으로 만 줄 바꿈). float에는 최하위 값이 없지만이 방법이 상대적으로 쉬워야한다고 생각했지만 여러 기술을 사용하여 웹을 검색 할 …

282 html css

6

왼쪽으로 뜨다; vs 디스플레이 : 인라인; vs 디스플레이 : 인라인 블록; vs 디스플레이 : 테이블 셀;

내 질문 전문 웹 디자이너가 선호하는 방법은 무엇입니까? 웹 사이트를 그릴 때 웹 브라우저가 선호하는 방법이 있습니까? 이것은 모두 개인적인 취향입니까? 내가 놓친 다른 기술이 있습니까? 참고 : 위의 질문은 다중 열 레이아웃 디자인과 관련이 있습니다. 왼쪽으로 뜨다; http://jsfiddle.net/CDe6a/ 이것은 열 레이아웃을 만들 때 항상 사용하는 방법이며 제대로 작동하는 것 …

281 html css css-float

9

짝수 및 홀수 요소의 스타일을 어떻게 지정할 수 있습니까?

CSS 의사 클래스를 사용하여 짝수 및 홀수 목록 항목 인스턴스를 선택할 수 있습니까? 다음은 대체 색상 목록을 생성하지만 파란색 항목 목록을 얻습니다. <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>

281 html css css-selectors

8

HTML 가로 세로 스크롤 막대가 아닌 숨기기

고정 너비이지만 가변 높이의 HTML 텍스트 영역이 있습니다. overflow:scroll세로 스크롤 막대 를 설정 하고 표시하고 싶지만 가로 스크롤 막대를 표시하고 싶습니다 . overflow:auto상황에 맞는 다른 것들로 인해 사용할 수 없습니다 . CSS2를 사용하여 세로 스크롤 막대는 표시하지 않는 방법이 없다는 것을 알고 있습니다. 가로 스크롤 막대를 숨기기 위해 JavaScript로 할 …

279 html css scrollbar

15

Chrome 용 Firebug와 유사한 디버거

Chrome에서 사용할 수있는 Firebug와 같은 것이 있습니까? 내가 원하는 기본 기능 : HTML 소스 검사 (요소 선택, 삭제 등) CSS 값을 확인하십시오 (내장 솔루션은 이상합니다)

278 html css google-chrome debugging firebug

9

Font Awesome 아이콘을 CSS 컨텐츠로 사용

Font Awesome 아이콘을 CSS 내용으로 사용하고 싶습니다. a:before { content: "<i class='fa...'>...</i>"; } 에서 HTML 코드를 사용할 수 없다는 것을 알고 content있으므로 이미지 만 남아 있습니까?

278 html css font-awesome

4

여러 클래스에 스타일을 한 번에 적용하려면 어떻게해야합니까?

이름이 다른 두 클래스가 CSS에서 동일한 속성을 갖기를 원합니다. 코드를 반복하고 싶지 않습니다. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> 코드 스 니펫 실행Hide results스 니펫 확장 두 클래스가 모두 같은 일을하고 있기 때문에 하나로 병합 할 수 있어야합니다. 어떻게해야합니까?

277 css css-selectors

14

WebKit이란 무엇이며 CSS와 어떤 관련이 있습니까?

최근에는 "webkit"이라는 태그가있는 질문이있었습니다. 이러한 질문은 일반적으로 CSS, jQuery, 레이아웃, 브라우저 간 호환성 문제 등과 관련된 웹 기반 질문입니다. 그렇다면이 "웹킷"은 무엇이며 CSS와 어떤 관련이 있습니까? 또한 -webkit-...다양한 웹 사이트의 소스 코드에서 많은 속성을 발견했습니다 . 이 두 가지는 관련이 있습니까? 최신 정보 WebKit은 Safari / Chrome 용 HTML / …

277 css webkit cross-browser rendering-engine

9

버튼을 전체 너비로 사용 하시겠습니까?

열의 전체 너비를 차지하는 버튼을 원하지만 어려움이 있습니다 ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> 단추를 열만큼 넓게 만들려면 어떻게합니까?

276 css twitter-bootstrap html responsive-design

7

: focus와 : active의 차이점은 무엇입니까?

의사 클래스 :focus와 :active의사 클래스 의 차이점은 무엇입니까 ?

275 css css-selectors pseudo-class

3

: after를 사용하여 요소 뒤에 공백 (“”) 추가

일부 내용 뒤에 공백을 추가하고 싶지만 content: " ";작동하지 않는 것 같습니다. 이것은 내 코드입니다. h2:after { content: " "; } ... 작동하지 않지만 다음과 같이 작동합니다. h2:after { content: "-"; } 내가 뭘 잘못하고 있죠?

274 css

17

그라디언트 테두리

테두리에 그라디언트를 적용하려고 하는데이 작업이 간단하다고 생각했습니다. border-color: -moz-linear-gradient(top, #555555, #111111); 그러나 이것은 작동하지 않습니다. 테두리 그라디언트를 수행하는 올바른 방법이 무엇인지 아는 사람이 있습니까?

274 css gradient

«css» 태그된 질문