html - 文字无法在某些电子阅读器应用程序上证明其合理性，但在其他一些应用程序上却可以

因此，我目前正在创建EPUB电子书，几乎可以随时将其标记为完整，但是我对基于ADE的阅读器（在BlueFire阅读器上进行了测试）有一个问题，在该文本中，文本拒绝对齐并向左对齐（但是中心对齐效果很好）

我已经清理了CSS，然后检查并重新检查了属性，但在CSS中看不到任何冲突的对齐方式

我已经在Android上尝试过Prestigio电子书阅读器，并且在PC上尝试了kindlepreview，但两者均显示良好
Bluefire本身没有强制性的文本对齐方式

有人有任何建议吗？

有问题的CSS：

@font-face {
font-family:"Calibri";
font-style:normal;
font-weight:normal;
src : url("../Fonts/Calibri.TTF");
}
@font-face {
font-family:"Minion Pro";
font-style:normal;
font-weight:normal;
src : url("../Fonts/MinionPro-Regular.otf");
}
@font-face {
font-family:"Calibri";
font-style:italic;
font-weight:bold;
src : url("../Fonts/Calibri-BoldItalic.TTF");
}
@font-face {
font-family:"Calibri";
font-style:oblique;
font-weight:bold;
src : url("../Fonts/Calibri-BoldItalic.TTF");
}
@font-face {
font-family:"Calibri";
font-style:normal;
font-weight:bold;
src : url("../Fonts/Calibri-Bold.TTF");
}
@font-face {
font-family:"Calibri";
font-style:italic;
font-weight:normal;
src : url("../Fonts/Calibri-Italic.TTF");
}
@font-face {
font-family:"Calibri";
font-style:oblique;
font-weight:normal;
src : url("../Fonts/Calibri-Italic.TTF");
}


td, th {
border-style: solid;
border-width: 1px;
padding: 0.2em;

}
li {
display:block;
text-align: justify;
}

table {
border: 1px solid black;
border-collapse: collapse;
max-width: 80%;
margin: auto;
}

span.bold {
font-family:"Calibri", sans-serif;
font-style:normal;
font-weight:bold; !important
}
span.char-style-override-4 {
font-family:"Calibri", sans-serif;

font-style:italic;

}
span.char-style-override-14 {
text-decoration: underline;
}
/* _______________________________Pamats_________________________ */

body {

font-family : "Calibri", serif;

margin-left:3% ;

margin-right:3% ;

margin-top:5% ;

margin-bottom:3% ;
-epub-hyphens:auto;
-webkit-hyphens:auto;
}
@page {

margin :10pt;

}

h1 {
text-align: left;
font-size: 1.0em;
font-weight: normal;
}

/* ______________________________________paragrāfi___________________ */

p.Normal {
font-family:"Calibri";
font-size:1em;
font-style:normal;
font-weight:normal;
text-decoration : none;
font-variant : normal;
line-height : 1.25;
color : #000000;
text-indent : 1em;
margin : 0px;
page-break-after: avoid;
text-align: justify; !important
}
p.centrs {
text-align: center;
}
span.italic {
font-style:italic;
font-weight:normal;
 }
span.bi {
font-style:italic;
font-weight:bold;
}
div.vestule p.Normal {
 text-indent: 2em;
margin-left: 1em;
}
ul p.Normal {
text-indent: 0;
}
a {
color:#000000;
}
h2{
text-align: left;
font-size: 1em;
font-weight: normal;
}
image{
max-width:100%;
height:auto;
}
img{
max-width:100%;
height:auto;
}

最佳答案

问题是，存在解析错误，我已将！important放在“;”之后，现已解决！

关于html - 文字无法在某些电子阅读器应用程序上证明其合理性，但在其他一些应用程序上却可以，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46087218/