2010-03-23 57 views
5

Điều này có vẻ giống như một trường hợp sử dụng khá tự nhiên đối với tôi, mặc dù tôi không thể tìm thấy bất kỳ điều gì trên đó:Có thể thay đổi kích thước văn bản để phù hợp với div có kích thước cố định không?

Giả sử tôi có một div có chiều rộng cố định được điền động một số. Cách tốt nhất để đảm bảo rằng các con số có nhiều chữ số hơn có kích thước phông chữ nhỏ hơn sao cho chúng vừa với chiều rộng cố định? Có một số tài sản CSS cho điều này, hoặc tôi phải nghỉ mát để hackage Javascript?

+1

trường hợp sử dụng tự nhiên là đặt thanh cuộn hoặc clip bằng cách sử dụng tràn. –

+0

nếu bạn đang hiển thị một chữ số không phải của các giải pháp đó thực sự đạt yêu cầu – int3

Trả lời

3

Không có thuộc tính CSS nào tự động điều chỉnh kích thước phông chữ dựa trên vùng chứa cố định. Bạn sẽ phải sử dụng javascript.

Bạn có thể đặt từng số trong một khoảng và lặp qua từng khoảng kiểm tra chiều rộng của nó. Nếu chiều rộng lớn hơn chiều rộng cố định, hãy giảm kích thước phông chữ xuống và sau đó kiểm tra lại chiều rộng. Tiếp tục giảm kích thước phông chữ cho đến khi chiều rộng của span nhỏ hơn chiều rộng cố định.

Để tránh nhấp nháy, bạn nên thực hiện vòng lặp này kiểm tra trong khi div cố định có thể nhìn thấy, nhưng đặt ra ngoài trang (chẳng hạn như "position: absolute; left: -5000px;")

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