❶ 如何利用CSS控制文本只在一行显示
用CSS让文字在一行内显示不换行的方法:
一般的文字截断(适用于内联与块):
.text-overflow{
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/*溢出时显示省略标记...;需与overflow:hidden;一起使用*/
}
对于表格,定义有点不一样:
table{
width:30em;
table-layout:fixed;/*只有定义了表格的布局算法为fixed,下面td的定义才能起作用*/
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 溢出时显示省略标记...;需与overflow:hidden;一起使用*/
}
注:这个只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有"...",其它的浏览器文本超出指定宽度时会隐藏。
❷ 怎么用CSS给网页中的元素(图片、文字等)定位
<div> 图片、文字 </div>
一般我是同过 设置 padding(补白) margin(边距)等样式来在页面上排版,
有一些就是position 是在整个页面上定位
=================================
position : static; /* 无定位 */
position : relative; /* 依物件左上角为基准取相当位置 */
position : absolute; /* 依网页左上角为基准取绝对位置 */
position : fixed; /* 固定位置不受滚动条影响 */
===================================
设置了position属性 然后直接{top:100px;}还可以用margin-top:-100px;
margin在设置了position 后可以 为负值例如“-100px;
”
❸ 如何实现div+css实现图片与文字水平对齐
实现div+css实现图片与文字水平对齐,首先需要的是用3个div布局,一个div包裹着其他的2个,给每个div设置好一定的宽度和高度,然后在对包裹的2个div使用float这个属性,float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。具体可以看下代码:
<html>
<head>
<style>
#round{
width:600px;
height:300px;
}
#div1{
width:200px;
height:250px;
float:left;
}
#div2{
width:200px;
height:250px;
float:left;
}
</style>
</head>
<body>
<div id='round'>
<div id='div1'>
<img src='图片地址'>
</div>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
❹ css 设置图片与文字的对齐方式 求教
<p></p>代表的是一个段落容器,这个容器的style:
text-align
决定了整个容器里元素的排版方式
而
vertical-align
属性是设置元素的
垂直对齐
方式。
说明
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
也就是说这两个属性的目标是不一样的,<p></p>以及其他父类容器假如定义了text-align属性,那这些容器内的子元素都按照这个排版方式来进行排版,而vertical-align只是影响设置了这个属性的元素。
其实CSS你要去看具体的属性有什么特性才能了解具体的内容
建议去
http://www.w3school.com.cn/
看看
❺ css 设置图片与文字的对齐方式 求教
这里给你解释一下 <p> 也算是一个容器,什么叫容器,比如罐子,碗,等,可以在里面放东西的都属于容器 而<img> 不是容器,只是显示反映图片 <p style="text-align:left;" 为什么写在<p>里面,举例说明,一个纸盒子,我里面放个球,那么我想把球放到中间,那么你说,我的操作是对于哪个而言呢? 这个中间,肯定是对应于纸盒子,而非球 所以,这里的style 是写在p里面 而不是 img 至于style="vertical-align; 我也不大清楚,你可以去网络查一下这个属性的意思。
❻ div+css中图片文字如何排版
div 是一个块,css是为这个块给出样式;你所谓的如何排版,就是怎样使用吗?<div style="color:#fff;">显示内容</div>style属性就是的css样式的内容。