오른쪽으로 수 평형 탐색을 만들려고합니다. 일단 그것이 오른쪽으로 뜨면 나는 모든 목록 항목을 왼쪽으로 띄운다. 마지막 목록 항목이 새 줄로 나옵니다. 여백 속성을 제거하면 문제가 사라집니다. 그러나 전체 영역을 클릭 할 수있게하기 위해 앵커 태그를 표시했기 때문에 마진은 매우 중요합니다. 터치 스크린 목적으로이 작업을 수행했습니다. 마진과 패딩을 사용하면
나는 데이터의 목록을 두 번째는, 텍스트가 너무 긴 경우, 그것은 밀어 뜻이 .mycontent-bottom {
border-bottom: 1px solid #ccc;
}
#float-right{
float: right;
} <div class="mycontent-bottom">
<a href="">Ti
이것은 감소 된 경우 열 수를 얻는 방법 : var columns = null,
firstPositionTop = $('div').eq(0).offset().top;
$('div').each(function(index) {
var thisPositionTop = $(this).offset().top;
"이론적 인"CSS 질문입니다. 나는이 경우에 일어날을 가정 무엇에 관한 설명의 어떤 종류를 가지고 싶습니다 ... 여기 내 HTML의 최대 summmed 버전은 ... <div id="some_navbar">
<ul>
<li id="plain_li"><a href="#">HELLO</a></li>
<li id="dropdow
기본 CSS에 약간의 이해 문제가있을 수 있지만, 다른 스레드를 살펴본 후에도 그 문제를 해결할 수는 없습니다. 세로 정렬은 인라인 요소에서만 작동한다는 것을 알았습니다. 하지만 로고 왼쪽에 메뉴를 수직으로 정렬하려고 할 때 어떤 문제가 발생합니다. 나는 여전히이 문제가 플로팅 요소와 위치 속성에 기인한다고 생각합니다. 이것은 나를 위해 엄청난 이해 문제입
내 스크린이 1400 픽셀보다 작을 때 내 이미지가 겹치는 문제를 볼 수 있습니다. 이것은 내 HTML입니다. <article>
<img src="images/welkomartikel2.jpg" />
</article>
<aside>
<h2>Welkom</h2>
<p>The Text that overlaps</p>
</aside>
이는 CSS
이미지를 p 및 ul 태그의 오른쪽으로 띄우기 위해 노력하고 있지만 개별 목록 항목은 항상 이미지에서 벗어나서 표시됩니다. 이미지의 맨 아래에. 나는 (이 문제에 대해 다른 사람들의 문제를 읽은 후에) 여러 가지 방법을 시도했지만, 필자의 예와 함께 작동시키지 못한다. 의견을 보내 주시면 감사하겠습니다. 아래 참조 코드 조각 : * {
padd
이미지와 햄버거 메뉴를 머리글 내에 정렬하려고합니다. 그리고 클릭하면 이미지의 하단에 목록이 수평선으로 나타납니다. 대신 이미지 오른쪽에 세로로 나열됩니다. 이 문제를 어떻게 해결할 수 있습니까? 나는 다른 목록에서 내 목록과 img를 사용해야하나요? HTML <header>
<img src="images/ace_in_the_hole.png" alt="A
"목록보기"에서 Ebay가 보여주는 것과 유사한 제품 목록을 만들고 싶습니다. 본질적으로 정렬되지 않은 목록으로 이미지가 왼쪽 (33 % 너비)에 표시되고 제목/부제/속성/가격이 오른쪽 옆에 표시됩니다. 나는 스택 오버플로에서 거의 성공하지 못했던 수십 가지 예제를 시도해 보았습니다. 나는 왼쪽으로 떠 다니는 것이 가장 좋으며 인라인 블록이 가장 좋다는 주
MaterializeCSS를 HTML5/CSS3 Framework로 사용하여 작은 웹 앱을 개발하고 있습니다. 내 app에 responsivve 다중 레벨 메뉴를 추가하고 싶습니다. 이는 반응 다단계 메뉴입니다 : https://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ 이 내 페이지입니다