Có ai biết nếu có một biểu tượng chữ V kép trong unicode/HTML-không gian tương tự như hai guillemet đại diện bởi » (»)?Có unicode hoặc HTML có một guillemet kép dọc (chevron)?
Nói cách khác, tôi đang cố gắng để tránh sử dụng một hình ảnh nếu tôi có thể nhận được bằng với văn bản, nhưng tôi cần một cái gì đó như thế này:
Đó là chữ V đôi Tôi dường như không thể để tìm ra. Hình như đồ họa cho tôi nó là.
Tôi không thể cung cấp cho bạn thực thể ký tự mà bạn muốn, nhưng có thể ảnh hưởng ... thay thế và vẫn không sử dụng hình ảnh (mặc dù nó yêu cầu bản thân văn bản được bao bọc trong phần tử, trong phần này trường hợp span):
<span class="shadowed">^</span>
<span class="rotated">»</span>
CSS:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
Trên đây span.rotated phần, cho IE < 10 tương thích (sử dụng các bộ lọc, trong khi IE 10 (hoặc có thể 9) sẽ/nên sử dụng -ms-transform hay, đơn giản, transform CSS3), sử dụng một cách tiếp cận filter:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
JS Fiddle demo (hoạt động trong IE 7/XP, các phiên bản khác mà tôi không thể kiểm tra).
Rất khéo léo! Đặt cược nó không hoạt động trong IE không? : - \ (chỉnh sửa: IE8 và dưới không) – jcolebrand
Không, tôi sẽ để lại một nhận xét hóc búa bên cạnh '-ms-rotate' nói điều gì đó dọc theo dòng 'chỉ từ một cảm giác lạc quan ...', nhưng Tôi cảm thấy nó chỉ làm cho mã noisier ... –
Làm thế nào về bộ lọc tức là cho luân chuyển? Kiểm tra bài viết này (chương xoay phần) http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ – fliptheweb
Có thể trang này sẽ giúp bạn http://shapecatcher.com/, rất hữu ích!
Cảm ơn, đó là một trang web tuyệt vời. Sẽ không giành cho bạn một dấu kiểm chấp nhận, nhưng nó sẽ giúp bạn nhận được +1 từ tôi. Tìm thấy một số thay thế thú vị cho các chevron tăng gấp đôi, nhưng không có gì cho chevron đôi xuống. – jcolebrand
Đó là một trang web tuyệt vời – slashnick
Tôi ước gì tôi đã biết về điều này trước đây. – jagill
︽ TRÌNH BÀY MẪU U + FE3D CHO ĐỨNG LEFT DOUBLE ANGLE KHUNG
︾ TRÌNH BÀY MẪU U + FE3E CHO ĐỨNG QUYỀN DOUBLE ANGLE KHUNG
Những đòi hỏi một phông chữ Trung Quốc hoặc Nhật Bản mặc dù.
Có vấn đề với xoay vòng. Nếu bạn áp dụng xoay (90deg) và xoay (-90deg) thành hai riêng biệt » bạn sẽ thấy rằng vị trí của chúng thay đổi. Một cách hacky để sửa chữa nó là để áp dụng hướng: rtl như thế này:
không liên quan trực tiếp nhưng tốt để biết – jcolebrand
Tránh hình ảnh là một mục tiêu lớn, nhưng rất nhiều người kết thúc duyệt web với một trình duyệt không làm unicode đúng anyway; họ sẽ thấy các hộp. Cá nhân tôi muốn giới thiệu một hình ảnh. FWIW Tôi không thấy bất cứ điều gì như quét này http://en.wikipedia.org/wiki/List_of_Unicode_characters –
Tôi không biết chữ V, nhưng nó có dấu mũ: '^'/dấu mũ có dấu: 'ˆ' – Smamatti