bestsource

이미지 또는 스팬 태그를 사용하지 않고 CSS를 통해 UL/LI HTML 목록에서 Bullet 색상을 설정하는 방법 이 질문에는 이미 다음과 같은 답변이 있습니다. span을 사용하지 않고 HTML 목록의 글머리표 색 변경 (13개 답변) 닫힘7년 전에. 지역사회는 작년에 이 질문을 재개할 것인지 검토하고 그것을 비공개로 했습니다. 원래 근접 사유가 해결되지 않았습니다. 단순한 정렬되지 않은 목록을 상상해 보세요.물건들이요. 자, 저는 총알들을 사각형 모양으로 정의했습니다. list-style:square;하지만 제가 색상을 설정하면.가 있는 항목color: #F00;그러면 모든 것이 빨간색이 됩니다! 저는 사각형 탄환의 색상만 설정하고 싶습니다.CSS에서 탄환의 색을 정의할 수 있는 우아한 방법이 있습..

HTML 요소의 내용이 오버플로되는지 확인 HTML 요소가 내용을 오버플로했는지(스크롤바에 관계없이) 확인하기 위해 자바스크립트를 사용할 수 있습니까?예를 들어 크기가 작고 고정된 긴 디브, 오버플로 속성이 표시되도록 설정되었으며 요소에 스크롤 막대가 없는 경우 등이 없습니다.일반적으로, 당신은 비교할 수 있습니다.client[Height|Width]와 함께scroll[Height|Width]이것을 탐지하기 위해서는...오버플로가 보일 때 값은 동일합니다.따라서 탐지 루틴은 다음을 고려해야 합니다. // Determines if the passed element is overflowing its bounds, // either vertically or horizontally. // Will tempora..

HTML 테이블에 가로 스크롤 막대 추가 HTML 테이블에 가로 스크롤 바를 추가하는 방법이 있습니까?실제로 테이블이 어떻게 자라는지에 따라 세로와 가로 모두 스크롤이 가능해야 하는데 스크롤 바가 나타나지 않습니다.일단은.display: block귀대의 그 다음, 세트overflow-x:로.auto. table { display: block; overflow-x: auto; white-space: nowrap; } 깨끗하고 멋지군.불필요한 형식 지정 금지. 다음은 웹 사이트의 페이지에서 테이블 캡션을 스크롤하는 것과 관련된 예입니다. 셀이 전체 테이블을 채우지 못하는 문제가 발생하면 다음과 같은 CSS 코드를 추가합니다. table tbody { display: table; width: 100%; } C..

열 모드에서 flexbox 항목을 랩할 때 컨테이너의 너비가 증가하지 않습니다. 저는 다음과 같이 작동해야 하는 중첩된 플렉스박스 레이아웃을 작업하고 있습니다. 레벨θ θ()ul#main은 항목을 추가하면 오른쪽으로 확장해야 하는 수평 목록입니다.너무 커지면 가로 스크롤 바가 있어야 합니다. #main { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; /* ...and more... */ } 목록의 각( 의 ul#main > li)에 머리말( )이 있습니다.ul#main > li > h2및 목록 ) ( )ul#main > li > ul.tasks이 내부 목록은 수직이므로 필요할 때 열로 래핑해야 합니다.더 많은 열로 감쌀..

CSS만을 사용하여 전체 요소의 너비가 아닌 텍스트의 너비에 대한 배경색을 설정하려면 어떻게 해야 합니까? 제가 원하는 것은 녹색 배경이 페이지 너비의 100%가 아니라 텍스트 바로 뒤에 있는 것입니다.현재 코드는 다음과 같습니다. h1 { text-align: center; background-color: green; } The Last Will and Testament of Eric Jones 할 수 에 HTML과 할 수 없습니다. 따라서 내부 요소를 추가할 수 없습니다.자바스크립트 등으로 삽입할 수도 없습니다.텍스트를 다음과 같은 인라인 요소에 넣습니다.. The Last Will and Testament of Eric Jones 그런 다음 배경색을 인라인 요소에 적용합니다. h1 { text-al..

마지막 자식보다 먼저 요소를 선택하려면 어떻게 해야 합니까? 목록의 끝이 없는 아이를 선택할 수 있는 CSS 선택기를 찾고 있습니다. 1 2 3 4 5 6 정적 방법: ul li:nth-child(5) 동적 방법: ul li:last-child(-1) 물론 검증되지는 않지만, n번째 마지막 아이도 역동적인 방법을 제공하지 않는 것 같습니다.자바스크립트로 되돌릴 수 있지만, 제가 간과한 css 방법이 있는지 궁금합니다.당신은 사용할 수 있습니다; 사실, 저는 당신이 무엇을 더 사용할 수 있는지 모릅니다."동적"이라는 말이 무슨 뜻인지 잘 모르겠지만, 목록에 어린이가 더 추가되었을 때 이 스타일이 새로운 두 번째 마지막 어린이에게 적용되는지 여부를 의미한다면, 예, 그렇게 될 것입니다.대화형 바이올린. ul..

HTML5 테이블에서 셀 패딩, 셀 간격, 유효성 검사 및 정렬을 대체하는 것은 무엇입니까? Visual Studio에서 다음 경고가 표시됩니다. 유효성 검사(HTML 5): 'cellpading' 특성이 'table' 요소의 올바른 특성이 아닙니다. 유효성 검사(HTML 5): 'cellspacing' 특성이 'table' 요소의 올바른 특성이 아닙니다. 유효성 검사(HTML 5): 'valign' 특성이 'td' 요소의 올바른 특성이 아닙니다. 유효성 검사(HTML 5): 'align' 특성이 'td' 요소의 올바른 특성이 아닙니다. HTML5에서 유효한 속성이 아닌 경우, CSS에서 무엇이 그것들을 대체합니까?/* cellpadding */ th, td { padding: 5px; } /* cell..

고정 테이블 셀 폭 많은 사람들이 여전히 테이블을 사용하여 컨트롤, 데이터 등을 레이아웃합니다. 이 중 하나가 인기 있는 jqGrid입니다.하지만, 제가 헤아릴 수 없는 마법이 일어나고 있습니다(큰 소리로 울부짖는 테이블, 얼마나 많은 마법이 있을 수 있을까요?). 테이블의 열 너비를 설정하고 jqGrid가 수행하는 것처럼 준수하는 것이 어떻게 가능합니까?만약 내가 이것을 복제하려고 한다면, 내가 모든 것을 설정할지라도.그 세포들 중 하나의 내용물이 20ppm 이상이 되면, 그 세포는 팽창합니다! 아이디어나 통찰력이 있습니까?사용해 볼 수 있습니다.태그 모든 행에 대해 테이블 스타일 관리를 수행하지만 다음을 설정해야 합니다.table-layout:fixed의 문체.또는 테이블 CSS 클래스를 설정합니다...

마크다운 및 이미지 정렬 저는 매달 이슈로 기사를 게재하는 사이트를 만들고 있습니다.이것은 간단하며, 저는 마크다운 편집기(여기 스택 오버플로의 WMD 편집기와 같은)를 사용하는 것이 완벽할 것이라고 생각합니다. 그러나 지정된 단락에서 이미지를 오른쪽으로 정렬할 수 있는 기능이 필요합니다. 현재 시스템으로는 그렇게 할 수 있는 방법이 보이지 않습니다. 가능한가요?HTML을 Markdown에 포함하여 다음과 같은 작업을 수행할 수 있습니다. Continue markdown text... 나는 작은 CSS 3 해킹으로 순수한 마크다운에서 좋은 해결책을 찾았습니다 :-)  ![image alt

두께를 변경하려면 어떻게 해야 합니까?꼬리표를 달다 .)를 CSS로 입력합니다.로 할 수 것을 - HTML 그 할 수 있 것 알 있 습 니 다 고 을 는 다 렇 게 로 다 니 있 습 ▁i 알 고 ▁- ▁html ▁html ▁be ▁can ▁in ▁it 하지만 여기 MDN에서 언급한 것처럼 이것은 사용되지 않는다고 들었습니다.CSS에서 사용해 보았습니다.height:1px하지만 두께는 변하지 않습니다.나는 그것을 원합니다.0.5px두운꺼운 Ubuntu에서 Firefox 3.6.11을 사용하고 있습니다.을 위해 합니다.두께배경색을 추가하면 스타일이 변경됩니다.높이와 색상을 지정합니다. hr { border: none; height: 1px; /* Set the hr color */ color: #333; /..