- error_LI.jpg (595.25 KiB) Viewed 2342 times
- right_LI.jpg (676.36 KiB) Viewed 2342 times
/*����Ƕ��*/
@font-face {
font-family: 'OyunQaganTig';
font-weight: normal;
font-style: normal;
src: url('fonts/eot/OyunQaganTig.eot');
src: url('fonts/eot/OyunQaganTig.eot?#iefix') format('embedded-opentype'), url('fonts/woff/OyunQaganTig.woff') format('font-woff'), url('fonts/svg/OyunQaganTig.svg')format('svg'), url('fonts/ttf/OyunQaganTig.ttf') format('truetype');
}
@font-face {
font-family: 'OyunHaraTig';
font-weight: normal;
font-style: normal;
src: url('fonts/eot/Oyun Har_a Tig.eot');
src: url('fonts/eot/Oyun Har_a Tig.eot?#iefix') format('embedded-opentype'), url('fonts/woff/Oyun Har_a Tig.woff') format('font-woff'), url('fonts/svg/Oyun Har_a Tig.svg')format('svg'),
/*url('fonts/OyunQaganTig3.0.ttf') format('truetype');*/
url('fonts/ttf/Oyun Har_a Tig.ttf') format('truetype');
}
@font-face {
font-family: 'OyunSoninTig';
font-weight: normal;
font-style: normal;
src: url('fonts/eot/Oyun Sonin Tig.eot');
src: url('fonts/ttf/GLT_Qagan_Tig_PS.ttf') format('truetype');
}
/*������ʽ*/
iframe {
border: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
padding: 0;
margin: 0;
}
body {
color: #343434;
/*font-family: Microsoft Yahei,����,����,Arial,sans-serif,OyunQaganTig;*/
font-family: OyunQaganTig,sans-serif;
font-size: 16px;
}
u {
text-decoration: none;
}
ul, li {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
border-collapse: collapse;
border: none;
}
/*������ʽ*/
.mw {
writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
-webkit-text-orientation: sideways-right;
writing-mode: vertical-lr;
text-orientation: sideways-right;
/*IE8+*/
font-family: OyunSoninTig,sans-serif;
}
.font24 {
font-size: 44px !important;
}
the is test.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="font.css" rel="stylesheet" type="text/css" />
<title></title>
<style>
li {width:50px; line-height:25px; word-break:break-all;overflow:hidden; margin:5px 10px; }
div {
width: 50px;
line-height: 25px;
word-break: break-all;
overflow: hidden;
margin: 5px 10px;
}
</style>
</head>
<body>
<ul class="mw font24" style="height:300px; width:500px; display:block; border:1px solid #343434;">
<li>11111ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
<li>ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
<li>ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
<li>ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
<li>ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
<li>ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ </li>
</ul>
<div style="height:300px; width:500px; word-break:keep-all; overflow-x:scroll; overflow-y:hidden; text-indent:2em; border:1px solid #343434; padding:5px 10px;" class="mw font24" >
1111 ᠪᠠᠭᠱᠢᠶᠢᠨ ᠪᠠᠭᠱᠢ ᠶᠢᠨ ᠮᠠᠨ ᠤ᠌ ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ ᠢ ᠵᠢᠨ ᠫᠢᠩ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠭᠡᠱᠢᠭᠦᠨ ᠦ᠌ 〕 4 ᠦ᠌ ᠦᠳᠡ ᠶ᠋ᠢᠨ ᠬᠣᠢᠨᠠ ᠂ ᠳᠤᠮᠳᠠᠳᠤ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠡᠪ ᠬᠠᠮᠲᠤ ᠨᠠᠮ ᠤ᠋ᠨ ᠲᠥᠪ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠶᠡᠷᠦᠩᠬᠡᠢ ᠱᠦᠵᠢ ᠂ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ᠂ ᠲᠥᠪ ᠦ᠋ᠨ ᠴᠡᠷᠢᠭ ᠦ᠋ᠨ ᠶᠠᠪᠤᠳᠠᠯ ᠤ᠋ᠨ ᠬᠣᠷᠢᠶᠠᠨ ᠤ᠋ ᠲᠡᠷᠢᠭᠦᠯᠡᠭᠴᠢ ᠱᠢ ᠵᠢᠨ ᠫᠢᠩ ᠪᠦᠬᠦ ᠤᠯᠤᠰ ᠤ᠋ᠨ ᠤᠯᠤᠰ ᠲᠥᠷᠥ ᠶ᠋ᠢᠨ ᠵᠥᠪᠯᠡᠯᠭᠡᠨ ᠦ᠌ ᠠᠷᠪᠠᠨ ᠭᠤᠷᠪᠠᠳᠤᠭᠠᠷ ᠬᠤᠭᠤᠴᠠᠭᠠᠨ ᠤ᠋ ᠬᠣᠶᠠᠳᠤᠭᠠᠷ ᠤᠳᠠᠭᠠᠨ ᠤ᠋ ᠬᠤᠷᠠᠯᠳᠤᠭᠠᠨ ᠳ᠋ᠤ᠌ ᠣᠷᠣᠯᠴᠠᠭᠰᠠᠨ?!-=测试30%
</div>
</body>
</html>
