jquery - Chrome/Safari 在内容加载之前设置内联元素的宽度

Question

Chrome 和 Safari 似乎在内容加载之前设置了以下元素的宽度，因此实际上它没有宽度。但在 Firefox 中，它正确地将宽度设置为加载文本的宽度。它需要是内联的并且没有宽度，以便将背景设置为动态内容的宽度。有什么解决办法吗？

<a class="text></a>

CSS：

.text { 背景：无重复滚动 0 0 rgb(255, 255, 255); 边框：1px 纯色 rgb(217, 195, 169); 颜色：RGB（34、34、34）；显示：内联块；填充：8px 12px 8px 8px；文字装饰：无；文本转换：大写；}

JavaScript：

    $(document).ready(function() {
    var data;
    function loadContent(){ 
        $.ajax({
            url: "json/content.json",
            data: "nocache=" + Math.random(),
            type: "GET",
            contentType: "application/json",
            dataType: "json",
            success: function(source){
                data = source;
                showInfo();
            },
            error: function(data){
                alert("Failed to load content");
            }
        }); 

    }

    loadContent();
        function showInfo(){
            $(".text").html(data[lang]['startpage']['text']);
    }
   showInfo();
    });