링크가 인라인 대신 각 행에 표시됩니다.

블로그 세부 정보 페이지에는 태그 섹션이 있습니다.링크가 인라인 대신 각 행에 표시됩니다.

HTML 보이는 같은 :

<td class="tags"> 
<a href="">tag1></a>, <a href="">tag2</a> 
</td>

태그가 보여주는 몇 가지 이유로

, 자신의 행에 각 대신되는 인라인.

이 문제를 해결하기 위해 새로운 스타일을 만들 수 있음을 알고 있습니다. CSS 스타일이이 섹션을 타겟팅하기에 충분히 구체적인지 확인해야합니다.

하지만 같은 줄에 어떻게 강제로 넣을 수 있습니까?

내가 시도 :

display:inline

하지만, 작동하지 않았다.

는 CSS :

.entry .entry_meta_bottom a, 
.entry_individual .entry_meta_bottom a { 
    display: block; 
    font-size: 0.9em; 
    line-height: 1.75em; 
    background-position: 0 60%; 
    background-repeat: no-repeat; 
    text-decoration: none; 
    margin-right: 10px; 
} 
.entry .entry_meta_bottom td.tags, 
.entry_individual .entry_meta_bottom td.tags 
{  
    background-image:url("../icon_tags.gif"); 
    background-repeat: no-repeat; 
    padding:0 0 0 25px; 

}

출처

2010-03-03 Blankman

기본 'A'클래스의 다른 스타일을 가지고 있습니까? 또한 '태그'클래스에 어떤 스타일이 있습니까? – animuson

코드를 더 많이보아야합니다. 또는 이것이 테이블 셀이므로 열이 너무 좁아서 포장 효과를 얻고있는 것일 수 있습니다. 테이블을 넓히고 도움이되는지 확인하십시오. – Robusto

은 위 질문에 CSS를 추가했습니다. – Blankman

가 display: inline가 있습니다 설정 시도 맞아. 내 가정은 .entry .entry_meta_bottom a, .entry_individual .entry_meta_bottom a에 설정된 display: block을 재정의 할 수 있도록 광고주의 선택기를 구체적으로 지정하지 않았기 때문입니다.

는 다음과 같은 시도 :

.entry .entry_meta_bottom td.tags a, 
.entry_individual .entry_meta_bottom td.tags a { 
    display: inline; 
}

출처

2010-03-03 20:32:10

예, 그 특이성이었습니다! – Blankman

시행 착오를 통해 특이성에 대한 많은 어려운 교훈을 배워야했습니다. 나는이 사이트에서 배운 것을 공유 할 수있어서 기쁩니다. :) –

당신이 td 나란히 두 태그를 포함 할 수있을만큼 충분히 넓은 확실합니까? 표 셀은 기본적으로 내용을 래핑합니다 (사람들이 좋아하는 이유 중 하나입니다).

다른 언급했듯이

출처

2010-03-03 20:23:33

위의 내용 (블로그 텍스트)은 태그 목록보다 넓게 보입니다. 너비 = 500을 테이블에 추가했는데 아무런 차이가 없었습니다. 실제로 태그 섹션을 오른쪽으로 옮겼지만 여전히 자신의 라인에 있습니다. – Blankman

, 문제는 거의 확실 td 요소의 폭에 기인하지만 휴식하지 강제하려는 경우 당신은 시도 할 수 :

td.tags 
{ 
    white-space: nowrap; 
}

출처

2010-03-03 20:27:02 mwcz

링크가 인라인 대신 각 행에 표시됩니다.

답변

관련 문제