我是 CSS 新手。我從現有代碼中復制了 CSS 并進行了如下更改：.feedback_h1 { width: 100%; float: left; margin: 0px; font-family: Arial; font-size: 12px; font-width: 400; color: #000000; margin-bottom: 15px;}<div Class="feedback_h1"> We will use only personal information. Our <a href="https://example.com" target="_blank">privacy policy</a> agreed?</div>現在我得到的結果如下： We will use only personal information. Our privacy policy agreed?但是，我期待像（一行）這樣的結果： We will use only personal information. Our privacy policy agreed?我想，我需要右對齊（因為左對齊正確）或者我在CSS中遺漏了一些東西嗎？我可以在 CSS 中考慮哪些附加屬性來使其在一行中實現？VS 2013是否提供了設計器視圖來對齊cshtml頁面？
1 回答
慕碼人8056858
TA貢獻1803條經驗 獲得超6個贊
看起來您的<a>錨元素可能會顯示塊。這將導致錨元素之間包裹的單詞默認具有widthof 。100%
嘗試將以下內容放入您的 css 中
.feedback_h1 a {
display: inline-block;
}<a>元素是display: inline默認的，所以不確定為什么會這樣。但從代碼來看，這似乎是代碼產生此結果的最明顯原因。
為了弄清楚發生了什么，我建議使用瀏覽器的檢查器工具并直接檢查元素。查看應用于元素的 CSS 樣式通常有助于調試，并通過取消選中它們或更改它們來進行測試，以查看其在您網站上的實時效果。
- 1 回答
- 0 關注
- 117 瀏覽
添加回答
舉報
0/150
提交
取消