반응형

CSS 13

텍스트를 태그로 래핑

텍스트를 태그로 래핑 에 추가된 텍스트를 래핑하고 싶습니다.요소.나는 시도해 봤습니다.style="word-wrap: break-word;" width="15%". 하지만 그것은 글을 포장하는 것이 아닙니다.폭 100%를 꼭 줘야 하는 건가요?표시할 수 있는 다른 컨트롤이 있어서 너비가 15%밖에 안 됩니다.TD 텍스트를 래핑하려면 첫 번째 세트 테이블 스타일 table{ table-layout: fixed; } 그런 다음 TD Style td{ word-wrap:break-word } HTML 테이블은 "table-layout:fixed" CSS 스타일을 지원하여 사용자 에이전트가 열 너비를 내용에 적용하지 못하도록 합니다.당신은 그것을 사용하고 싶을 수도 있습니다.저는 당신이 22개의 테이블을 잡았다..

programing 2023.11.02

IE10에서 스크롤 바 오버레이 콘텐츠를 방지하려면 어떻게 해야 합니까?

IE10에서 스크롤 바 오버레이 콘텐츠를 방지하려면 어떻게 해야 합니까? IE10에서 스크롤 바가 항상 있는 것은 아닙니다.그리고 그것이 오버레이로 보일 때...멋진 기능이지만 전체 화면 애플리케이션이고 그 뒤에 제 로고와 메뉴가 없어지기 때문에 특정 웹사이트에 대해서는 전원을 끄고 싶습니다. IE10: 크롬: IE10에서 스크롤 바를 항상 위치에 고정하는 방법을 아는 사람? overflow-y: scroll가 작동하지 않는 것 같습니다! 그냥 내 웹사이트에 영구적으로 올려놓습니다. 문제를 일으키는 부트스트랩일 수도 있지만 어떤 부분인지 전혀 모르겠습니다! 여기 예를 참조하십시오. http://twitter.github.io/bootstrap/xec가 그의 답변에서 언급했듯이, 이 동작은 @-ms-vie..

programing 2023.10.28

첫번째를 제외한 모든 'tr'을 선택합니다.

첫번째를 제외한 모든 'tr'을 선택합니다. 모두 선택하려면 어떻게 해야 합니까?tr제1원소를 제외한 원소들trCSS가 있는 테이블에서? 이 방법을 사용해 보았지만 효과가 없었습니다.첫번째 클래스에 클래스를 추가함으로써tr아니면 그 다음에trs. CSS만으로는 원하는 행을 선택할 수 있는 크로스 브라우저 방법이 없습니다. 그러나 Internet Explorer 6, 7 또는 8에 관심이 없는 경우: tr:not(:first-child) { color: red; } IE7 이상에서 지원하는 형제 조합자의 사용에 대해 아무도 언급하지 않았다는 것이 놀랍습니다. tr + tr /* CSS2, adjacent sibling */ tr ~ tr /* CSS3, general sibling */ 둘 다 HTML 테..

programing 2023.10.08

글꼴 어썸이 작동하지 않음, 아이콘이 사각형으로 표시됨

글꼴 어썸이 작동하지 않음, 아이콘이 사각형으로 표시됨 그래서 마케팅 페이지 프로토타입을 시도하고 있으며 부트스트랩과 새로운 폰트 어썸 파일을 사용하고 있습니다.문제는 아이콘을 사용하려고 하면 페이지에 렌더링되는 것이 큰 사각형밖에 없다는 것입니다. 파일을 머리에 포함하는 방법은 다음과 같습니다. 그리고 여기 아이콘을 사용하는 예시가 있습니다. 하지만 그 모든 것은 큰 광장에서 그려집니다.무슨 일인지 아는 사람?은 2 꼭 합니다.fa 및 클래스하는 클래스를 fa-twitter,fa-search…,… 부트스트랩 5 업데이트 참고: "fa 접두사는 버전 5에서 더 이상 사용되지 않습니다.새로운 기본값은 브랜드의 빠른 솔리드 스타일과 팹 스타일입니다." – Terje Solem 제공된 CSS 파일은 문서(3단..

programing 2023.09.28

CSS 전용 조적 배치

CSS 전용 조적 배치 조적 배치를 구현해야 합니다.하지만 여러 가지 이유로 자바스크립트를 사용하고 싶지 않습니다. 매개변수: 모든 요소의 너비가 동일합니다. 요소는 서버측을 계산할 수 없는 높이를 갖습니다(이미지에 다양한 텍스트 양을 더한 값) 필요하다면 나는 고정된 수의 열을 가지고 살 수 있습니다. 현대 브라우저, 속성에서 작동하는 사소한 해결책이 있습니다. 이 솔루션의 문제점은 요소가 열로 정렬된다는 것입니다. 저는 요소들을 줄을 지어 순서를 정해야 하지만, 적어도 대략 다음과 같습니다. 시도해 본 접근 방식은 효과가 없습니다. 만들기 display: inline-block: 수직 공간을 낭비합니다. 만들기 float: left: ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이제 서버 측 렌더링을 변경하고 항목 수를 ..

programing 2023.09.13

IE7 Z-Index 계층화 이슈

IE7 Z-Index 계층화 이슈 를 했습니다 의 했습니다 의 작은 테스트 z-index버그, 하지만 어떻게 고쳐야 할지 모르겠습니다.저는 계속 같이 놀았습니다.z-index ㅜㅜ 무슨 문제가 있습니까?z-indexIE7에서? 테스트 CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: 0; z-index: 1000; } li { color: #fff; list-style-type: none; padding-left: 0; margin-left: 0; }..

programing 2023.09.08

HTML 테이블의 맨 위 행만 고정(고정 테이블 머리글 스크롤)

HTML 테이블의 맨 위 행만 고정(고정 테이블 머리글 스크롤) 맨 위 행이 고정된 html 테이블을 만들고 싶습니다(수직으로 스크롤하면 항상 볼 수 있습니다). 자바스크립트 없이 이것을 실현할 수 있는 영리한 방법이 있습니까? 왼쪽 열을 고정할 필요가 없습니다.이것이 몇 가지 답을 가지고 있다는 것을 알지만, 이것들 중 어느 것도 저에게 도움이 되지 않았습니다.나는 왜 나의 것인지 설명하는 이 기사를 발견했습니다.sticky예상대로 작동하지 않았습니다. 기적으사수없다니습할용을 사용할 수 .position: sticky;또는요소들.단, 다음에 사용할 수 있습니다.. 작동하기 위해 필요한 최소 코드는 다음과 같습니다. table { text-align: left; position: relative; } t..

programing 2023.08.29

다음 요소에 대한 CSS의 선택기 구문은 무엇입니까?

다음 요소에 대한 CSS의 선택기 구문은 무엇입니까? 머리글 태그가 있는 경우title h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 그리고 그 후에 나는 한 단락을 가지고 있습니다.stuff here. 어떻게 하면 CSS를 사용할 수 있는지 확인할 수 있습니까?다음에 오는 태그h1.hc-reform사용할 항목:clear:both; 다음과 같습니다. h1.hc-reform > p{ clear:both; } 어떤 이유에서인지 그것은 작동하지 않습니다.이것은 인접 형제 선택기라고 하며 더하기 기호로 표시됩니다... h1.hc-reform + p { clear:both; } 참고: IE6 ..

programing 2023.08.24

CSS 오버플로 - 텍스트 한 줄만

CSS 오버플로 - 텍스트 한 줄만 있습니다div다음과 같은 CSS 스타일을 사용합니다. width:335px; float:left; overflow:hidden; padding-left:5px; 내가 그 안에 넣으면,div긴 줄의 텍스트가 새 줄로 끊어지고 모든 텍스트가 표시됩니다.제가 원하는 것은 줄 바꿈이 없는 텍스트를 한 줄만 갖는 것입니다.텍스트가 길 때, 저는 이 넘치는 텍스트가 사라지길 바랍니다. 높이를 맞추려고 했는데 잘못된 것 같습니다. 글꼴과 동일한 높이를 추가하면 다른 브라우저에서 문제가 발생하지 않고 작동해야 하는 것이 아닐까요? 내가 어떻게 그럴 수 있을까?한 줄로 제한하려면 다음을 사용합니다.white-space: nowrap;점괘로만약 당신이 그 div에 여전히 더 많은 컨텐츠..

programing 2023.08.19

줄 간격 설정

줄 간격 설정 MS Word에서 설정할 수 있는 것처럼 CSS로 줄 간격을 설정하려면 어떻게 해야 합니까?선 높이 속성을 사용해 보십시오. 예를 들어, 12px 글꼴 크기 및 아래쪽 및 위쪽 라인에서 4px 떨어진 경우: line-height: 20px; /* 4px +12px + 4px */ 또는 함께em단위들 line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666 */ 단위가 없는 값, 즉 선의 수를 사용할 수도 있습니다.line-height: 2;두 개의 간격이 있습니다.line-height: 1.5;는 1.5 등입니다.CSS에서 행 높이, 사이의 간격을 사용하여 문단 간 간격을 설정할 수 없습니다.블록들대신 단락 내 줄 간격, 즉 줄 ..

programing 2023.08.14
반응형