2013-02-18 75 views
6
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Superscript_size_in_table_cell</title> 
    <meta name="generator" content="BBEdit 10.5" /> 
    <style> 
    table { 
     width: 60%; 
    font-size: 0.8em; 
    margin-left:auto; 
    margin-right:auto; 
    border-collapse: collapse; 
    } 

    .super_script { 
    font-size: 80%; 
    vertical-align: super; 
    } 

    </style> 
</head> 
<body> 
    <table id="table_1a-27"> 
     <caption class="table_caption">Table 1A-27</caption> 
     <tr> 
      <td>Some text<span class="super_script">Note 1</span></td> 
     </tr> 
     <tr> 
      <td> 
       <ol> 
        <li>Beginning of sentence<span class="super_script">Note 2</span> than the rest of the sentence.</li> 
        <li>Some stuff here</li> 
       </ol> 
      </td> 
     </tr> 
    </table> 
</body> 
</html> 

Tôi muốn thay đổi kích thước và vị trí văn bản cho một phần nội dung của ô trong bảng nhưng ở trên dường như không hoạt động cho văn bản trong ô bảng. Tôi muốn có thể điều chỉnh kích thước nếu các yếu tố bảng, không chỉ cho mục đích siêu văn bản.Thay đổi kích cỡ phông chữ trong ô bảng

+0

Lệnh 'yếu tố span' xuất hiện ở vị trí superscript trong một kích thước gần như không đọc được, theo yêu cầu trong CSS của bạn. Vì vậy, vấn đề là gì? Vui lòng chỉ định ý nghĩa "có vẻ không hoạt động" có nghĩa là bằng cách giải thích hiển thị dự kiến ​​và cách hiển thị thực tế (trên (các) trình duyệt nào?) Khác với điều đó. Ngoài ra, hãy xem xét việc đăng một ví dụ hoàn chỉnh, hợp lệ để minh họa một số trường hợp thực sự, ở đó nó có ý nghĩa để có một cụm từ dài như siêu văn bản. Lưu ý rằng bạn đánh dấu bảng vi phạm mô hình bảng HTML (và không thực sự trông giống như một cái gì đó mà nên là một bảng). –

+0

Cảm ơn bạn đã phản hồi. Sử dụng Safari 6.0.2, tôi mong đợi "Ghi chú 1" và "Ghi chú 2" hiển thị ở kích thước nhỏ hơn của văn bản khác trong ô. Khi tạo ví dụ ở trên như bạn đã đề xuất, tôi phát hiện ra có thể có giới hạn thấp hơn đối với kích thước trình duyệt sẽ hiển thị phông chữ. Vì tôi muốn các bảng của tôi được 0.8em so với phần còn lại của nội dung, việc giảm kích thước văn bản siêu văn bản có thể đã đạt đến giới hạn dưới của khả năng trình duyệt (hoặc 'sẵn sàng') để thay đổi kích thước văn bản. Suy nghĩ nhiều ý nghĩa được đánh giá cao. Kính trọng, Zephyr –

+0

Safari, cũng như một số trình duyệt khác, có tùy chọn người dùng để đặt kích thước phông chữ tối thiểu (và có những lý do rất tốt cho việc này).Superscripting trong HTML (hoặc CSS) có xu hướng làm việc kém nói chung, do đó, giải thích mục tiêu thực sự sẽ giúp đỡ. HTML superscripts chỉ là giảm kích thước ký tự, không typographically chính xác, có thể đọc được superscripts. –

Trả lời

1

nó không hoạt động vì bạn đã không xác định các lớp tế bào chỉ cần đặt

class="super_script" 

trong thẻ td.

để thay đổi kích thước của các tế bào chắc chắn rằng bạn làm

table {table-layout: fixed;} 

và bạn nên được thiết lập!

+0

Cảm ơn bạn đã trả lời nhanh chóng! Điều đó có thể xảy ra nếu tôi muốn tất cả nội dung của ô được thay thế, nhưng tôi chỉ muốn một phần nội dung của ô được điều chỉnh. Ngoài ra, 'font-size: 0.3em;' dường như không được nhận ra trong một bảng. Suy nghĩ? –

2

Đối với một cơ bản:

1- đặt 'siêu kịch bản' text của bạn trong một <sup>

2- phong cách <sup> bạn theo cách này:

sup { 
    position: relative; 
    font-size: 75%; 
    line-height: 0; 
    top: -0.5em; 
    vertical-align: baseline; 
} 

Cũng câu hỏi thú vị xung quanh cùng chủ đề:

[Chỉnh sửa]: Một số người dùng đề cập một số trình duyệt 'lỗi' hành vi với kích thước tương đối của font-size cho <sub><sup> đánh dấu.

Có lẽ bạn nên xem xét giữ về việc sử dụng một <span>

+0

Không phải là cải tiến trong thực tế. IE giải thích sai 'font-size' cho' sup' liên quan đến kích thước mặc định của trình duyệt cho phần tử, chứ không phải (theo thông số kỹ thuật) đối với kích thước phông chữ của phần tử gốc. Vì vậy, bằng cách đặt 'font-size' trên' sup', bạn giới thiệu một sự phụ thuộc trình duyệt thiết yếu. –

+0

@ JukkaK.Korpela: ý của bạn là gì bởi "bạn giới thiệu một sự phụ thuộc trình duyệt thiết yếu"? –

+0

trên các trình duyệt phù hợp, bạn nhận được 75% kích thước phần tử gốc; trên IE, bạn nhận được 75% kích thước phông chữ 'sup' mặc định. Trong thực tế, trên IE, quy tắc làm cho kích thước phông chữ nhỏ hơn nhiều so với nó sẽ không có quy tắc, trong khi trên Firefox, nó sẽ trở thành một chút * lớn hơn *. –

Các vấn đề liên quan