造型文字距屏幕右側固定距離

Question

我想將<div class="logintitle">Please login</div>的樣式固定在離屏幕右側一定距離（可能是300個像素）處。下面的CSS就是這樣做的，但它也使得「Please」出現在「login」上方，並且它在瀏覽器窗口的底部添加了一個hortizontal滾動條。我該如何做到這一點，同時保留「請」和「登錄」在同一行，而不添加hortizontal滾動條？

由於提前，

約翰

.logintitle 
     { 
     position:absolute; 
     width:10px; 
     right:300px; 
     top:2px; 
     text-align: left; 
     margin-bottom:3px; 
     padding:0px; 
     font-family:Arial, Helvetica, sans-serif; 
     font-size: 12px; 
     color: #000000; 
     } 

Answer 1

嗯，這是因爲你設置寬度爲10px和「請登錄」被打破它放到一個單獨的行空格隔開。至於水平滾動條，這種劃分本身不應該造成這種情況，頁面中一定有其他的東西干擾它。

要解決多行的問題，您可以拓寬塊的寬度或添加這種風格：

white-space: nowrap;