html - 文字在某些电子阅读器应用程序上不合理，但在其他应用程序上会

Question

所以我目前正在创建一本 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;
} 

Answer 1

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