模式框的段落文本没有使用css和asp.net在中心对齐

Question

我有一个问题，即使我使用text-align属性并将其等于居中，我的模态框中的文本（在段落标记内成功上传）也没有改变任何内容。它仍处于模态框的左侧。我希望它在中心。请帮助我。

这是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;
}

这里也是模态框的图像：

Answer 1

检查您的代码并检查有助于标记p的其他css代码。似乎其他css代码正在改变它的风格。

例如，

搜索查找附加到display: inline-block;标记的p内容。

Answer 2

首先添加：

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

如果仍然不起作用，请使用!important

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