模式框的段落文本不使用CSS和asp.net中心對齊

我有一個問題，即使我使用文本對齊屬性，並將它等於它居中，我的模式框中的文本，這是上傳成功在段落標記內，不會改變任何內容。它仍然在模態框的左側。我希望它在中心。請幫助我解決這個問題。模式框的段落文本不使用CSS和asp.net中心對齊

下面是ASPX代碼：

<div id="myModal" class="modal"> 
        <!-- Modal content --> 
        <div class="modal-content"> 
         <span class="close">&times;</span><br /> 
         <p>Upload Successful</p> 
        </div> 
       </div>

這裏是CSS：

.modal { 
    display: none; /* Hidden by default */ 
    position: fixed; /* Stay in place */ 
    z-index: 1; /* Sit on top */ 
    padding-top: 100px; /* Location of the box */ 
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */ 
    height: 100%; /* Full height */ 
    overflow: auto; /* Enable scroll if needed */ 
    background-color: rgb(0,0,0); /* Fallback color */ 
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
} 

/* Modal Content */ 
.modal-content { 
    background-color: #fefefe; 
    margin: auto; 
    padding: 20px; 
    border: 1px solid #888; 
    width: 50%; 
} 

.modal-content p{ 
    text-align: center; 
}

這裏也是模式對話框的圖像：

來源

2017-08-27 Boom Click

文本已經在模型框的中心。你可以創建一個小提琴或共享一個屏幕？ – kravisingh

@kravisingh - 我剛剛在我的問題中添加了一個圖片。請檢查出來。 –

檢查您的代碼並檢查在標籤上貢獻的其他CSS代碼0。看起來其他的CSS代碼正在改變它的風格。

例如，尋找類似display: inline-block;的標籤，該標籤附在p標籤上。

來源

2017-08-27 14:01:58

你的權利！我只是添加了一個ID，它的工作。 –

添加這首：

.modal-content p{ 
    display: block; 
    width: 100%; 
}

如果仍然沒有工作，然後使用!important

.modal-content p{ 
    display: block !important; 
    width: 100% !important; 
}

來源

2017-08-27 14:13:20 kravisingh

模式框的段落文本不使用CSS和asp.net中心對齊

回答

相關問題