我是 CSS 新手。我從現(xiàn)有代碼中復(fù)制了 CSS 并進(jìn)行了如下更改：.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>現(xiàn)在我得到的結(jié)果如下： We will use only personal information. Our privacy policy agreed?但是，我期待像（一行）這樣的結(jié)果： We will use only personal information. Our privacy policy agreed?我想，我需要右對(duì)齊（因?yàn)樽髮?duì)齊正確）或者我在CSS中遺漏了一些東西嗎？我可以在 CSS 中考慮哪些附加屬性來(lái)使其在一行中實(shí)現(xiàn)？VS 2013是否提供了設(shè)計(jì)器視圖來(lái)對(duì)齊cshtml頁(yè)面？
1 回答
慕碼人8056858
TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊
看起來(lái)您的<a>錨元素可能會(huì)顯示塊。這將導(dǎo)致錨元素之間包裹的單詞默認(rèn)具有widthof 。100%
嘗試將以下內(nèi)容放入您的 css 中
.feedback_h1 a {
display: inline-block;
}<a>元素是display: inline默認(rèn)的，所以不確定為什么會(huì)這樣。但從代碼來(lái)看，這似乎是代碼產(chǎn)生此結(jié)果的最明顯原因。
為了弄清楚發(fā)生了什么，我建議使用瀏覽器的檢查器工具并直接檢查元素。查看應(yīng)用于元素的 CSS 樣式通常有助于調(diào)試，并通過(guò)取消選中它們或更改它們來(lái)進(jìn)行測(cè)試，以查看其在您網(wǎng)站上的實(shí)時(shí)效果。
- 1 回答
- 0 關(guān)注
- 139 瀏覽
添加回答
舉報(bào)
0/150
提交
取消