выраўноўвання тэксту: права на <выбраць> або <опцыя>

Does anyone know if it's possible to align text to the right of a

53

4 адказы

Вы можаце паспрабаваць выкарыстоўваць «рэж» атрыбут, але я не ўпэўнены, што будзе вырабляць жаданы эфект?


Demo here: http://jsfiddle.net/fparent/YSJU7/

56
дададзена
Гэта дрэнная ідэя, хлопцы. RTL прызначаны для моў, якія прыцягваюць сімвалы ў правым налева парадку, і будзе вельмі моцна закручваць змесціва, якое вы змясцілі ў такім варыянце, калі гэты кантэнт напісаны на мове LTR. Напрыклад, дата, як «10 жніўня 2017 года" намалюе як «Aug 2017 10». Вы не маеце ніякага кантролю над тым, што яна робіць для вашага тэксту. Не выкарыстоўвайце гэта.
дададзена аўтар devios1, крыніца
Хіба гэта не выглядае як брудны хак проста даць яму правільны погляд, не думаючы пра тое, як ён будзе апрацаваны ў некаторых асаблівых выпадках?
дададзена аўтар Sergei Basharov, крыніца
@SergeyBasharov ў вас ёсць лепшае рашэнне?
дададзена аўтар chacham15, крыніца
Гэта не працуе ва ўсіх выпадках: <�опцыя> 23 "х 42" </опцыі> выхады "х 42" 23. РТЛ таксама змяняецца, як гэта чытаецца для чытання з экранам.
дададзена аўтар Jason T Featheringham, крыніца
На самай справе, гэта выдатна. Я выкарыстаў знешні выгляд: не; атрыбут ў любым выпадку, так што становішча выпадальнага спісу не мае значэння. Дзякуй!
дададзена аўтар BenM, крыніца
ІМХО гэта дрэнна па дзвюх прычынах. 1. Гэта семантычна няправільна. 2. У Chrome 30, рэж = «РТЛ» перамяшчае стрэлку, якая паказвае расчыняюцца налева.
дададзена аўтар feklee, крыніца
RTL - гэта напрамак тэксту (у якасці прыкладу для арабскага тэксту) jsfiddle.net/iegik/YSJU7/170 </а>
дададзена аўтар iegik, крыніца

Наступны CSS будзе правай выраўноўваць як стрэлка і опцыі:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

select { text-align-last: right; }
option { direction: rtl; }
<!-- example usage -->
Choose one: 
</div> </div>
30
дададзена
Выдатна! Дзякуючы. Абодва стрэлка і опцыі справа па жаданні!
дададзена аўтар Steve Danner, крыніца
@Laiacy Вау, гэта спрацавала! Вы дзіўны! Дзякуючы.
дададзена аўтар Ryan, крыніца
Гэта не падобна на працу для значэння опцый, калі я націскаю на выпадальны спіс (прынамсі, на Windows, Google Chrome). Ён працуе толькі да таго, як выпадальны перамыкаецца.
дададзена аўтар Ryan, крыніца
Дзякуючы @Laiacy - Гэта фантастыка! Я чакаю, што вы атрымаеце значна больш угару галасоў.
дададзена аўтар pshep123, крыніца
Дзякуючы вам @ pshep123. Я сапраўды цаню ваш каментар :)
дададзена аўтар Laiacy, крыніца
@Ryan, я рэдагаваў свой адказ. Цяпер выкарыстоўваецца і ў дачыненні да выберыце і значэння опцый у выпадальным спісе. Дайце мне ведаць, калі ён працуе для вас
дададзена аўтар Laiacy, крыніца
Для мяне гэта і ёсць адказ. Я хацеў захаваць маленькую стрэлку на правай баку, але варыянты павінны быць выраўнаваны па правым краі => гэта адказ, які дамагаецца таго,
дададзена аўтар Unchained, крыніца
Ідэальнае рашэнне. дзякуй
дададзена аўтар Kicsi Viziló, крыніца

Я думаю, што вы хочаце:

select {
  direction: rtl;
}

fiddled here: http://jsfiddle.net/neilheinrich/XS3yQ/

26
дададзена
Крута, але страла затым сыходзіць налева. Што рабіць, калі мы хочам, каб тэкст і стрэлку выбару, каб прывесці ў адпаведнасць з правага?
дададзена аўтар Baptiste, крыніца

Лепшае рашэнне для мяне было зрабіць

select {
    direction: rtl;
}

потым

option {
    direction: ltr;
}

зноў. Такім чынам, няма ніякіх зменаў у тым, як тэкст чытаецца чытання з экрана або і без фарматавання-праблемы.

25
дададзена
Працуе прашыўкай 9 Mobile Safari. Выдатна !!
дададзена аўтар Rockallite, крыніца
хоць гэта адна зрабіць усе правы і опцыю ў левым, але ў маім выпадку гэта зробіць становішча стрэлкі ў левым баку.
дададзена аўтар Anthony Kal, крыніца
У мяне ёсць выпадальны спіс, які змяшчае значэння, як «9-30», «10:00», і г.д .. Гэта было адзінае рашэнне, якое працавала для мяне (у Safari 9 на Mac).
дададзена аўтар Mark Schneider, крыніца
Тым не менш, на Firefox, бягучы (абраны) значэнне паказвае, з «AM» злева ( «AM 09:30»).
дададзена аўтар Mark Schneider, крыніца
Акрамя таго, калі вы ўстаўляеце "()" у якасці ( і ) ?
дададзена аўтар Martin Schilliger, крыніца
А таксама ў Firefox гэта не працуе правільна. Здаецца, толькі ў Webkit добрая ідэя ...
дададзена аўтар Martin Schilliger, крыніца
Толькі што даведаўся, што IE6-8 (не ведаю пра IE8 +) не робяць гэта правільна ...: - /
дададзена аўтар Martin Schilliger, крыніца
дададзена аўтар rm-, крыніца