How to display text, a dotted line then more text spanning the width of the page?

前端 未结 6 1909
遇见更好的自我
遇见更好的自我 2020-11-29 10:38

I\'d like to display some text then a dotted line then some more text on the same line on a HTML page e.g.

Name: ............................................         


        
6条回答
  •  伪装坚强ぢ
    2020-11-29 10:55

    I don't want to take credit for this, but I found a great solution over at codingforums.com

    I've made a JSFiddle out of it.

    http://jsfiddle.net/DeDRE/9/

    (dotted lines are done with an image: dot.gif. If you don't see any dotted lines at the time you're reading this, the host I've currently used must have taken the image offline)

    
    
    
    
    
        
        Demo CF108909
        
        
        
        
    
    
    
    
        
    Dragonseye Table of Contents
    Chapter Number Chapter Title Initial Page Number
    Prologue 1
    1 Early Autumn at Fort’s Gather 4
    2 Gather at Fort 49
    3 Late Fall at Telgar Weyr 64
    4 Telgar Weyr and the College 87
    5 Weyrling Barracks and Bitra Hold 104
    6 Telgar Weyr, Fort Hold 138
    7 Fort Hold 162
    8 Telgar Weyr 183
    9 Fort Hold and Bitran Borders, Early Winter 197
    10 High Reaches, Boll, Ista Weyrs; High Reaches Weyr, Fort, and Telgar Holds 217
    11 The Trials at Telgar and Benden Weyrs 238
    12 High Reaches and Fort Holds 261
    13 Bitra Hold and Telgar Weyr 278
    14 Turn’s End at Fort Hold and Telgar Weyr 300
    15 New Year 258 After Landing; College, Benden Hold, Telgar Weyr 327
    16 Cathay, Telgar Weyr, Bitra Hold, Telgar 348
    17 Threadfall 379

    Original source - http://www.codingforums.com/showpost.php?p=578354&postcount=4

提交回复
热议问题