把文字固定在图片中css代码，用CSS样式控制文字浮于图片上方，这个我们首先要明确的知道一个层的概念，这里就是将图片为一个层，然后文字又是一个层，然后我们使用一个position定位，将文字定于图片的位置，然后使用zindex。

对于初学css的新手朋友来说，经常会遇到这样一个问题，当文字和图片出现在同一行或者同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行，那么，我们怎么才能利用CSS代码使图片和文字在同一行显示且对齐呢。

CSS 截断字符串 CSS是实现文字自动截断，代码如下 代码如下divtestwidth200pxheight14pxoverflowhiddenwhitespacenowraptextoverflowellipsistextoverflow ellipsis* IESafari *mstextoverflow。

5然后写一个文字内容的div，如下图红框所示，代码如下设为主页6设置文字的位置和样式等，示例代码如下header p display blockwidth autolineheight 14pxbackground urlquotsethomepngquot norepeat。

1首先新建一个17html2然后输入html5标准声明3输入后可以看到html网页的结构4再在header标签中添加style层叠样式5把body标签的文字加粗6最后使用浏览器打开网页就可以看到字体加粗了，这样css里文字加粗。

在css中让文字显示方式从右边开始的操作方法和步骤如下1首先，创建一个新的html文档，见下图红框中的内容，然后进入下一步2其次，完成上述步骤后，可以更改文档的名称，见下图红框中的内容，然后进入下一步3接。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码afontfamily 楷体fontsize 20pxcolor orange3浏览器运行indexhtml页面，此时用CSS成功改变了超链接。

CSS中设置文字右对齐可以通过代码文本段落来实现，操作步骤如下1新建一个html文档，如下图红框所示2可以给文档改个名字，如下图红框所示3然后输入文字内容，如下图红框所示4进一步设置以下文字的对齐方式。