求个公告发布样式的CSS代码

html-css08

求个公告发布样式的CSS代码,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body style="text-align:center">

<div>

<label style="width: 50%">公告名:&nbsp<span>德玛西亚没有腿</span></label></br></br>

<label style="width: 49.8%float:lefttext-align:  right">公告内容:</label>

<div style="float:left"><textarea>你信不信</textarea><div>

</div>

</body>

</html>

不设置div的高,可以使用white-space:nowrap来强制文字不换行。

然后再给当前容器设置溢出隐藏即可。

div{}

div span{float:right}

div p{white-space:nowraptext-overflow:ellipsisoverflow:hidden} <div>

    <span>2016-04-29</span>

    <p>然后再给当前容器设置溢出隐藏即可然后再给当前容器设置溢出隐藏即可然后再给当前容器设置溢出隐藏即可</p>

</div>

得到查询结果的数组

<ul>

foreach(数组 as 变量){

输出<li>

输出变量值

输出</li>

}

</ul>