2016-08-05 5 views
1

HTML 및 CSS에서 상단 바를 사용하여 사이트를 만들었습니다. 이제 세로 막대의 일부 아이콘 사이에 세로 구분 기호를 추가하려고했지만 작동하지 않습니다. 첫째, separator-div를 추가했을 때 처음 세 개의 아이콘 만 표시되었지만 구분 기호 나 다른 아이콘은 표시하지 않았습니다. 구분 기호와 다른 아이콘이 보이지만 상단 바 아래에있는 #topbardisplay: inline;을 더했습니다. white-space: nowrap;#topbar에 추가하려고 시도했지만 효과가 없습니다.CSS 상단 모음 : 막대의 내용을 세로 구분 기호로 묶습니다.

톱 바의 모든 내용을 한 줄로 표시하려면 어떻게합니까? https://jsfiddle.net/op28oohx/

답변

1

이 당신이 기대하는 것입니다 : 여기

은 HTML과 CSS입니까?

jsfiddle : topbar-https://jsfiddle.net/gpkmm360/

추가 display: inline-blockseparator

+1

대단히 감사합니다! – Alexander

+0

멋진데 ... 허용 된 것으로 표시해주세요. 감사! :) – kukkuz

+0

나는 시도했다. 그러나 그것은 말한다 "당신은 2 분 만에 대답을 받아 들일 수 없다. 하지만 2 분 안에 받아 들일 것입니다. – Alexander