반응형

CSS 8

선택란에 텍스트를 가운데로 넣을 수 있습니까?

선택란에 텍스트를 가운데로 넣을 수 있습니까? 나는 이것을 시도했습니다: http://jsfiddle.net/ilyaD/KGcC3/ HTML: (please select a state) none Alabama Alaska Arizona Arkansas California Colorado CSS: select { width: 400px; text-align: center; } select .lt { text-align: center; } 보시는 것처럼, 효과가 없습니다.선택 상자에 텍스트 중심을 맞추는 CSS 전용 방법이 있습니까?Chrome에 대한 부분적인 해결책이 있습니다. select { width: 400px; text-align-last:center; } 선택한 옵션의 중심은 맞추지만 드롭다운 내..

sourcecode 2023.10.26

인쇄 미리 보기에 배경색이 표시되지 않음

인쇄 미리 보기에 배경색이 표시되지 않음 페이지를 인쇄하려고 합니다.그 페이지에서 나는 테이블에 배경색을 표시했습니다.크롬으로 인쇄 미리보기를 볼 때 배경색 속성을 사용하지 않습니다. 그래서 이 부동산을 사용해 보았습니다. -webkit-print-color-adjust: exact; 그래도 색깔이 안 나와요. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } Date PO Number Term Tax Quote Number Status Account Mgr Shipping Method Shipping Account QA Refer..

sourcecode 2023.10.21

iframe 응답성 확보

iframe 응답성 확보 Can You Make a iFrame Response?를 읽고 있었는데 댓글/답변 중 하나가 이 JSFiddle로 연결되었습니다. 하지만 HTML과 CSS를 제 요구에 맞게 구현하려고 했을 때, 저는 같은 결과/성공을 거두지 못했습니다.저는 JSFiddle이 저에게 동일하게 작동하지 않는 방법을 보여드릴 수 있도록 저만의 JSFiddle을 만들었습니다.제가 사용하고 있는 iFrame의 종류와 관련이 있다고 확신합니다(예를 들어, 제품 이미지도 반응성이 있어야 할 수도 있습니까?). 제 주된 관심사는 블로그 독자들이 아이폰으로 블로그를 방문할 때 모든 것이 x 너비(모든 콘텐츠의 경우 100%)가 되지 않도록 하고 iFrame이 잘못된 행동을 하여 더 넓은 유일한 요소가 된다는 ..

sourcecode 2023.09.21

측면 항목의 너비가 다를 때 중간 항목 중심을 유지합니다.

측면 항목의 너비가 다를 때 중간 항목 중심을 유지합니다. 점이 상자 사이의 공간을 나타내는 다음 레이아웃을 상상해 보십시오. [Left box]......[Center box]......[Right box] 오른쪽 상자를 제거하면 다음과 같이 센터 상자가 계속 중앙에 있는 것이 좋습니다. [Left box]......[Center box]................. 제가 왼쪽 박스를 제거할 경우에도 마찬가지입니다. ................[Center box]................. 이제 센터 상자 내의 콘텐츠가 길어지면 중앙에 있는 콘텐츠는 필요한 만큼의 가용 공간을 차지하게 됩니다. 상자는 않을 것이고 있지 않을 쪽및는코지며서에때지을아이쪽때을e지아이let에doverflow:hidde..

sourcecode 2023.09.06

CSS에서 *와 *|*의 차이점은 무엇입니까?

CSS에서 *와 *|*의 차이점은 무엇입니까? CSS에서,*모든 요소와 일치합니다. 자주.*|*대신 사용됩니다.*모든 요소를 일치시킵니다.이는 일반적으로 테스트 목적으로 사용됩니다. 사이의 차이점은 무엇입니까?*그리고.*|*CSS로?W3C 선택기 사양에 따름: 범용 선택기는 선택적 네임스페이스 구성 요소를 허용합니다.다음과 같이 사용됩니다. ns|* 네임스페이스 ns의 모든 요소 *|* 모든 요소 |* 네임스페이스가 없는 모든 요소 * 기본 네임스페이스가 지정되지 않은 경우 이는 *|*에 해당합니다.그렇지 않으면 ns|*와 같습니다. 여기서 ns는 기본 네임스페이스입니다. 그래서, 아니*그리고.*|*항상 같지는 않습니다.기본 이름 공간이 제공되는 경우*해당 네임스페이스의 일부인 요소만 선택합니다. 아래 ..

sourcecode 2023.09.01

표 행에 여백을 추가하는 방법

표 행에 여백을 추가하는 방법 이 질문에는 이미 다음과 같은 답이 있습니다. CSS: 표의 행 사이에 간격을 어떻게 만들 수 있습니까? (12개 답변) 표에서 두 행 사이의 공백? (30개 답변) 마감됨4년 전에. 저는 많은 줄이 있는 테이블을 가지고 있습니다. 중 는 행이중일입니다.class="highlight"다르게 스타일을 지정하고 강조 표시해야 하는 행을 나타냅니다.이 행 앞과 뒤에 공백을 추가하여 다른 행과 약간 떨어져 보이도록 합니다. 이 일을 끝낼 수 있을 거라 생각했어요margin-top:10px;margin-bottom:10px;하지만 작동하지 않습니다.이 일을 어떻게 해야 할지, 할 수 있을지 아는 사람?여기 HTML이 있고 tbody의 두 번째 tr을 클래스 하이라이트로 설정했습니다...

sourcecode 2023.08.27

Twitter 부트스트랩 버튼 텍스트 워드랩

Twitter 부트스트랩 버튼 텍스트 워드랩 아무리 생각해도 이 트위터 부트스트랩 버튼을 여러 줄로 텍스트 랩할 수 없습니다. 이렇게 나타납니다. 이미지를 올릴 수 없습니다. 그래서 이렇게 하는 것입니다. [이것이 버튼 텍스트입니다. 다음과 같은 모습으로. [이것은] [버튼 텍스트] Posted on 22nd September 2013 Tags Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 어떤 도움이라도 주시면 감사하겠습니다. 편집. 추가해 보았습..

sourcecode 2023.08.27

Google Chrome devtools의 교차 스타일 속성은 무엇을 의미합니까?

Google Chrome devtools의 교차 스타일 속성은 무엇을 의미합니까? Chrome의 devtools를 사용하여 요소를 검사하는 동안 요소 탭의 오른쪽에 있는 'Styles' 막대는 해당 CSS 속성을 보여줍니다.때때로 이러한 속성 중 일부는 삭제됩니다.이러한 속성은 무엇을 의미합니까?CSS 속성이 strike-through로 표시되면, 교차된 스타일이 적용되었지만 보다 구체적인 선택기, 보다 로컬 규칙 또는 동일한 규칙 내의 이후 속성에 의해 재정의되었음을 의미합니다. (특별한 경우: 스타일이 일치하는 규칙에 존재하지만 주석 처리된 경우 또는 Chrome 개발자 도구 내에서 선택 취소하여 수동으로 비활성화한 경우 스타일이 Strike-through로 표시됩니다.또한 스타일에 구문 오류가 있는..

sourcecode 2023.08.17
반응형