센터 텍스트

내가 완벽하게 중심을 표시하는 하나 개의 단어 ("Impressum")을 얻으려고 ... 질문 좀 짜증나는 지루하지만, 어쨌든있다 "어떻게 물건을 중앙에"알고 온,

<p style="float:left"><a href="http://fachschaft-intermedia.de/impressum/" title="Impressum">Impressum</a></p>

문제는 같은 줄의 왼쪽에있다가 (왼쪽 떴다) 저작권 표시입니다 다음 footer.php이 같은 것을 넣어 내 워드 프레스 페이지의 바닥 글에 오른쪽은 테마 저자 크레디트 (오른쪽으로 플로팅)입니다. 나는 단어를 중심에두기 위해 여러 가지 시도를했다. (페이지 폭과 관련하여!) 왼쪽으로 떠 다니면서 다른 단어와 같은 줄에 단어를 넣어야한다.

다음은 바이올린입니다. http://jsfiddle.net/GinSan/2t7e3zeq/ 이 대부분은 테마에 의해 동적으로 생성되었으므로 필자는이를 만지지 않습니다. 3 번 줄만 바꾸면됩니다 (즉, 바닥 글 전체를 다시 만들지 않아도 됨). 또한 테스트 용으로 1100px의 고정 너비를 사용했지만 페이지의 폭에 관계없이 응답 성이 좋고 중앙에 있어야합니다 (640px까지). 감사합니다.

출처

2014-12-07 MoritzLost

"감동"단락을 및 바닥 글에 넣고 float:left을 text-align:center으로 바꿉니다. 다음은이 실행이 페이지에 당신의 위치를 수있는 jsfiddle에서 updated fiddle

출처

2014-12-07 22:24:09 sgromskiy

, 감사에 대한 상대! 폭이 작아지면 작동하지 않을 것이기 때문에 그런 생각을하지 않았지만 단락은 640px 이하의 세 줄로 나뉘어져 있기 때문에 ... : D 또한 답변이 나올 때까지 "Impressum "실제로 영어로 된 단어가 아니었다. ω ° (독일어로되어있다.) – MoritzLost

은 다음과 같습니다 작동하는 최초의 사업부

<div style="width:1100px"> 
    <p style="float:left">© 2014 foo</p> 
    <p style="position: absolute;text-align: center;width: 100%;"><a href="http://fachschaft-intermedia.de/impressum/" title="Impressum">Impressum</a></p> 
    <p style="float:right;text-align:right">Powered by Theme</a></p> 
</div>

출처

2014-12-07 22:25:28

센터 텍스트

답변

관련 문제