Css 打印阿拉伯文-从右向左_Css_Printing

Css 打印阿拉伯文-从右向左

css printing

Css 打印阿拉伯文-从右向左,css,printing,Css,Printing,在打印页面中，我通过css:direction:rtl正确地查看阿拉伯语但是，尽管如此，打印所有其他css样式都得到了应用，但方向是：rtl无法工作，只能打印正常的从左到右的阿拉伯文文本这是你的电话号码这是密码 <div class="formBLock" style="padding-top:0px;"> <div class="formCon CaseDetailsButton"> <div class="divb

在打印页面中，我通过css:direction:rtl正确地查看阿拉伯语

但是，尽管如此，打印所有其他css样式都得到了应用，但方向是：rtl无法工作，只能打印正常的从左到右的阿拉伯文文本

这是你的电话号码

这是密码

<div class="formBLock" style="padding-top:0px;">

        <div class="formCon CaseDetailsButton">
            <div class="divbtn">
                <a class="btn more2" href="/ClientInquiry/ar/CaseInquiry">الرجوع </a>
            </div>
            <div class="divbtn">
                            <input type="button" id="btnPrint" class="btn more2" value="طباعة "/>   
             </div>
        </div>

               <div id="dvPrint">
                    <div style="border:1px black solid;width:90%;margin-left:5%;margin-right:5%;float:right;margin-top:10px;">
                            <div style="border-bottom:1px black solid;float:right;margin-top: 10px;width: 100%;">
                                <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; font-weight:bold;"> تم استلام طلبكم : الاستعلام عن تقرير الحادث</span>
                            </div>  
                            <div style="border-bottom:1px black solid;float:right;margin-top: 10px;width: 100%;">
                                <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%;">شكرا لاستخدامكم نظام شركة نجم للاستعلام </span><br />
                                <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%;">المعلومات أدناه توضح الوضع الحالي لمستندات الحادث</span>
                            </div>   
                            <div style="border:1px solid black;width:90%;margin-left:5%;margin-right:5%;height:200px;float:right;margin-top: 10px;">
                                <div style="float:right;width:30%;">
                                    <div style="height:50px;border-bottom:1px solid black;text-align:center;border-left:1px solid #000000">
                                        <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:7%;">بيانات الحادث</span>
                                    </div>   
                                    <div style="height:150px;text-align:center;border-left:1px solid #000000">
                                        <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:30%;">حالة إرسال المستندات</span>
                                    </div>   
                                </div>
                                <div style="height:200px;width:33.3%;margin-top:0px;float:right;border-left:1px solid #000000">
                                    <div style="border-bottom:1px solid black;height:50px;text-align:center;">
                                        <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:6%;">رقم الحالة</span>
                                    </div>
                                    <div style="border-bottom:1px solid black;height:50px;text-align:center;">
                                        <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:6%;">حالة الإرسال</span>
                                    </div>
                                </div>
                                <div style="height:100px;width:36.3%;margin-top:0px;float:right;">
                                    <div style="border-bottom:1px solid black;height:50px;">
                                        <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:6%;">RD21031414</span>
                                    </div>
                                    <div style="border-bottom:1px solid black;height:50px;">
                                           <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; margin-top:6%;">&nbsp;قيد المعالجة من شركة نجم</span>
                                    </div>
                                </div>
                            </div>

                            <div style="border-top:1px solid black;float:right;margin-top: 10px;width: 100%;">
                                <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%; font-weight:bold;">شركة نجم لخدمات التأمين</span>
                                <span style="color: #8F8E8E;float: right;font-family: Tahoma;font-size: 15px;font-weight: normal;margin-bottom: 5px;margin-right: 10px;margin-top: 1px;vertical-align: middle;width: 90%;">لمزيد من المعلومات يرجى الاتصال بـ 920000460 كما يمكنك زيارة 
                                    <a href="CaseFooterLink" target="_blank">Site.sa</a>
                                    أو الفرع الأقرب لشركة نجم 
                                </span>
                            </div>
                    </div>
                </div>  
        <iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>
    </div>

通过使用下面的元，它将工作

谢谢大家的帮助

通过使用下面的meta，它将起作用

谢谢大家的帮助

根据评论，问题在于，当使用打印按钮时，打印的数据文本向左对齐，而不是向右对齐（书写方向不是问题）

原因是打印是这样执行的：

var ObjdvPrint = $("#dvPrint");
window.frames["print_frame"].document.body.innerHTML = ObjdvPrint.html();
window.frames["print_frame"].window.focus()
window.frames["print_frame"].window.print()

这样就创建了一个框架，其中只包含原始文档的一个元素（带有

id=“dvPrint”

）。此元素有各种内联样式（在

样式

属性中），但没有设置水平对齐的内容，因此应用了默认的

文本对齐：左

。在原始文档的

正文

元素上设置的任何内容都不会产生影响

修复方法是在该元素的内容上设置对齐方式，该方式在创建框架时保留。由于您使用的是

innerHTML

，因此无法在该元素本身上设置内容。但在本例中，该元素的内容是单个内部

div

元素，因此它有助于设置对它的对齐方式：

<div id="dvPrint">
   <div dir="rtl" style="...">

您也可以在内部元素的

style

属性的内容中添加

text align:right

。但是

dir=“rtl”

根据定义设置水平对齐（

text align:right

），以及其他内容。它还设置了总体书写方向，这通常是不必要的，但可以很好地预防a）浏览器错误和b）在未来的文档版本中可能混合使用阿拉伯文和拉丁文等字符。

根据评论，问题是，当使用打印按钮时，打印的数据文本向左对齐，不对（写作方向不是问题）

原因是打印是这样执行的：

var ObjdvPrint = $("#dvPrint");
window.frames["print_frame"].document.body.innerHTML = ObjdvPrint.html();
window.frames["print_frame"].window.focus()
window.frames["print_frame"].window.print()

这样就创建了一个框架，其中只包含原始文档的一个元素（带有

id=“dvPrint”

）。此元素有各种内联样式（在

样式

属性中），但没有设置水平对齐的内容，因此应用了默认的

文本对齐：左

。在原始文档的

正文

元素上设置的任何内容都不会产生影响

修复方法是在该元素的内容上设置对齐方式，该方式在创建框架时保留。由于您使用的是

innerHTML

，因此无法在该元素本身上设置内容。但在本例中，该元素的内容是单个内部

div

元素，因此它有助于设置对它的对齐方式：

<div id="dvPrint">
   <div dir="rtl" style="...">

您也可以在内部元素的

style

属性的内容中添加

text align:right

。但是

dir=“rtl”

根据定义设置水平对齐（

text align:right

），以及其他内容。它还设置了总体书写方向性，这通常是不必要的，但可以很好地预防a）浏览器错误和b）可能在将来的文档版本中混合使用阿拉伯文和拉丁文字符。

我在body标签中打印css，在p标签中打印阿拉伯文内容。。这就是在从右向左显示阿拉伯语的代码中，但在打印中，其他类/样式受到影响，但没有方向：rtlArabic文本甚至通常不需要任何方向设置，因为阿拉伯语字母具有固有的从右向左方向性。你需要展示一个实际的可测试的例子，最好是一个最小的HTML+CSS（或XML+CSS）文档，它实际上再现了这个问题。。。ThanksI在body标签中打印css，在p标签中打印阿拉伯语内容。。这就是在从右向左显示阿拉伯语的代码中，但在打印中，其他类/样式受到影响，但没有方向：rtlArabic文本甚至通常不需要任何方向设置，因为阿拉伯语字母具有固有的从右向左方向性。你需要展示一个实际的可测试的例子，最好是一个最小的HTML+CSS（或XML+CSS）文档，它实际上再现了这个问题。。。感谢明确字符编码和内容语言是很有用的事情，但它们都与问题无关，也与写作方向无关。链接到一个实时页面永远不是一个充分的答案。从2002年开始，这个页面本身就声明它的字符编码错误（在HTTP头中，它胜过了所有

meta

标记，它说它是ISO-8859-9编码（ISO拉丁语/土耳其语，根本不支持任何阿拉伯语字母）。谢谢，如果有，请建议其他方法来解决我的问题。声明字符编码和内容语言是很有用的，但两者都与所问的问题、写作方向无关。指向实时页面的链接永远不是充分的答案。从2002年起，此页面本身声明其字符encoding错误（在HTTP头中，它胜过所有

meta

标记，它说它是ISO-8859-9编码（ISO拉丁语/土耳其语，完全不支持任何阿拉伯语字母）。谢谢，如果你有，请建议其他方法来解决我的问题。谢谢，我用同样的方法通过传递整个html和建议的正确css。它对我也有效，谢谢你谢谢，我用同样的方法通过传递整个html和建议的正确css。它对我也有效，谢谢你