?

一、???????? 如果想要達到如下圖效果：

??????????????????????????????????????????????????????????????????????????????????????

?

????????

如果是想要設計出的樣式，使兩個字和四個字兩頭對齊，中間用空格隔開。

但是這里格式問題：

??? 如果輸入的空格是“半角空格”，那么無論輸入的空格有多少都不能達到想要達到的樣式。長度小于四個字的長度。效果如圖所示：

?

?

??

?

??? 如果輸入的空格是“全角空格”，輸入的空格同文字一樣的占位。輸入兩個空格就可以達成樣式。如圖所示：

?

???

?

?

二、??? 顯示信息問題

如果頁面中缺少”</div>” ,? 瀏覽器中（以firefox為例）就會認為上面的框架沒有結束， 下面的框架就會被認為包含在上面的框架中，但是文字就會被擠到下面。

效果如果所示：

1.?????? 缺少 ”</div>”

代碼截圖：????????????

???????? 2.?????? Firebug 截圖

??????? 3..窗體顯示表現(xiàn)：

?????? ?

?

轉載于:https://blog.51cto.com/lidonglong/598187

總結

以上是生活随笔為你收集整理的css 样式设计学习记录（0）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。