如何用CSS将select/option文本居中或居右对齐
《select》
《option value=“volvo“ style=“text-align:center“》Volvo《/option》//居中
《option value=“ab“ style=“text-align:right“》ab《/option》//居右
《/select》
CSS文本超出希望右对齐
在做form表单校验时，经常会出现但是校验失败的提示文本超出校验项宽度的现象：
当超出校验项宽度时，文本换行展示了，希望不换行展示，可以使用
不换行后发现文本直接向右溢出展示，但是因为校验项已经距离右边界很近了，超出右侧直接隐藏了，所以我们需要文本从右向左展示：
用div+css如何让字靠右对齐
可以用“text-align:right;”让文字靠右对齐。
1、新建html文档，在body标签中添加div标签，为div设置一个id，这里以“demo”为例：
2、在div标签中添加文字，然后为div标签设置宽高和边框，这时默认情况下文字靠右对齐：
3、为div添加“text-align:right;”，其中“text-align”指的是文本对齐方式，“right”指的是靠右对齐，这时网页中文字将会靠右对齐：
如何实现CSS右对齐
如果一个div里面包含多个标签，使用text-align:right就可以了（意为内容右对齐）
css 怎么能让一段字向左右对齐吗
-
css3的样式属性；display: flex;justify-content: space-between;两端对齐。低版本浏览器不支持。
-
可以用左右浮动实现;（float:left&right;）。
使用CSS样式将多行文字右端对齐；例如：第一行文字：哥哥 第二行文字：你哥哥
纯css没法实现，除非你的元素宽度完全写死，那样的话会有很多问题，还是用js来实现吧，我写的这个需要引入jquery
《div id=“main“》
《p class=“tocenterRight“》哥哥《/p》
《p class=“tocenterRight“》你哥哥《/p》
《p class=“tocenterRight“》你的大哥哥《/p》
《/div》
《script src=“jquery-3.2.1.min.js“ type=“application/javascript“》《/script》
《script》
$(document).ready(function(){
//传入type参数center-right 或者left-right 可以传入以后看下效果，第二个参数是要做对其的类名，自己测试一下。
textAlign(“center-right“,“.tocenterRight“);
});
var textAlign = function(type,classname){
var o = $(classname);
var maxwidth = 0;
switch (type){
case “center-right“ :
$(o).css(“text-align“,“right“);
if(o.length》0){
$(o).css(“width“,parseInt($($(o).parent()).width()/2));
}else{
console.log(“找不到任何对象！“);
}
break;
case “left-right“ :
$(o).css(“text-align“,“right“);
if(o.length》0){
for(var i=0;i《o.length;i++){
$(o).css(“display“,“inline“);
maxwidth = parseInt($(o).css(“width“)) : maxwidth;
}
$(o).css(“display“,“block“);
$(o).css(“width“,maxwidth);
}else{
console.log(“找不到任何对象！“);
}
break;
default :
break;
}
}
《/script》
两种对齐的效果看下图：
html文字右对齐
要让 html 文字右对齐，可以使用 css 样式来实现。可以在元素的 style 属性中添加 text-align:right，例如：
《p style=“text-align:right“》这是一段文字《/p》
也可以将样式放在单独的 css 样式表中，然后通过 class 或 id 等选择器来应用样式。例如，可以在 css 样式表中添加如下代码：
.right-align {
text-align: right;
}
然后，可以在 html 中使用该 class 来应用样式：
《p class=“right-align“》这是一段文字《/p》
总之，可以通过设置 css 样式的 text-align 属性来实现 html 文字右对齐。
如何用css实现一段文字的两端对齐和分散对齐
用css实现一段文字的两端对齐的代码输入步骤如下：
1.首先输入代码让这段文字的最后一行右对齐，代码如下：text-align-last:justify;
2.然后输入代码让整段文字两端对齐，代码如下：text-align:justify;
3.然后输入如下代码：text-justify:distribute-all-lines; ，这行加了的话可以兼容ie浏览器；
4.设置文字的边框属性，宽度和颜色，根据需要设置即可，代码如下：border: 1px solid red;
5.设置文字展示的宽度150px，根据需要设置即可，代码如下：width: 150px;
6.然后声明一下要输入的文字是中文“ch”，并输入文字即可，示例代码如下：《div》输入你的文字内容，我这里输入了一首词。《/div》
7.最终在浏览器中展示效果如下，这个红框是刚刚代码设置的“border: 1px solid red;”，根据需求进行修改即可。
用css实现一段文字的分散对齐的代码输入步骤如下：
1、如果按照常规输入代码，代码如下：
《div class=“justify“》
《p》开心《/p》
《p》不开心《/p》
《p》很不开心《/p》
《/div》
2.进行预览，默认情况下浏览器显示效果如下；
3、给div添加样式{text-align: justify;text-align-last: justify;}，就可以实现文本分散对齐。整体代码如下：
《style type=“text/css“》
div
{
text-align: justify;text-align-last: justify;
}
div:after {
display: inline-block;
content: ’’;
overflow: hidden;
width: 100%;
height: 0;
}
《/style》
《div》
《p》开心《/p》
《p》不开心《/p》
《p》很不开心《/p》
《/div》
4.现在进行预览，文字就在浏览器里面实现了分散对齐。
如何用CSS将select/option文本居中或居右对齐
用CSS将select/option文本居中或居右对齐：
1) 简单点的使用padding使其“看上去”对齐
比如： 这里比较适合宽度固定的场合，只要padding合适，效果还是不错的
select {
…
padding: 0 0 0 20px;
}
2） 使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3） 居右对齐： 可以使用rtl属性来来控制，
《select dir=“rtl“》
《option》Foo《/option》
《option》bar《/option》
《option》to the right《/option》
《/select》
写成CSS的话则为：
select {
direction: rtl;
}
CSS 文本左右对齐问题
《style type=“text/css“》
.fl {float:left;}
.fr {float:right;}
《/style》
《body》
《span class=“fl“》用户名：XXX 《/span》
《span class=“fr“》时间：2010年3月14日《/span》
《/body》